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