bgiframe native

bgiframe-native

存档通知：

• 由于Flash在所有主要浏览器上都被弃用，并且支持仅限于一个很小的子集，所以我将归档该项目

为什么/什么时候应该使用它？

• 您仍在使用IE（闪存对象等）中的有问题的元素，该元素不遵守文档的z index
• 无需jQuery依赖性或任何其他节点依赖项

用法

JavaScript

 var bgIframe = require ( "bgiframe-native" ) ;

// basic
bgIframe . addBgIframe ( "elementName" ) ;
bgIframe . addBgIframe ( "#elementId" ) ;
bgIframe . addBgIframe ( ".className" ) ;

// more advanced usage using options
bgIframe . addBgIframe ( "#elementId" , { width : "50vw" , height : "30em" } ) ;

打字稿

 import { BgIframe } from "bgiframe-native";

// basic
BgIframe.addBgIframe("elementName");
BgIframe.addBgIframe("#elementId");
BgIframe.addBgIframe(".className");

// more advanced usage using options
BgIframe.addBgIframe("#elementId", {width: "50vw", height: "30em"});

选项

• top （数字|字符串） ：iframe必须被顶部边框的宽度偏移到顶部。这应该是代表边界宽度的负数。如果此处使用一个数字，将假定像素。否则，请确保指定一个单元。也可以使用表达式。默认情况下，该值是“自动”，它将使用“元素”边框顶宽度。如果通过一个数字，则使用的单位将以像素为单位。
• left （数字|字符串） ：iframe必须被左边框的宽度向左偏移。这应该是代表边界左侧宽度的负数。如果此处使用一个数字，将假定像素。否则，请确保指定一个单元。也可以使用表达式。默认情况下，该值为“自动”，它将使用元素边框左宽度。如果通过一个数字，则使用的单位将以像素为单位。
• width （数字|字符串） ：这是iframe的宽度。如果此处使用一个数字，将假定像素。否则，请确保指定一个单元。也可以使用表达式。默认情况下，该值是“自动”，它将偏外宽度的元素。如果通过一个数字，则使用的单位将以像素为单位。
• height （数字|字符串） ：这是iframe的高度。如果此处使用一个数字，将假定像素。否则，请确保指定一个单元。也可以使用表达式。默认情况下，该值是“自动”，它将使用该元素的越野车。如果通过一个数字，则使用的单位将以像素为单位。
• src （字符串） ：提供此设置，以便可以将iframe的SRC更改为所需的任何东西。默认值：“ JavaScript：false;”

归因

该项目基于jQuery bgiframe插件的本机实现：https：//github.com/brandonaaron/bgiframe