使用javascript檢測ie10城域網地址欄的存在

我有一個網站在固定在屏幕底部的div中包含一些號召性用語按鈕。使用javascript檢測ie10城域網地址欄的存在

目前，我們正在使用絕對定位如下一個div

<div id="buttonBar">footer code</div> 
<style>#buttonBar{ bottom: 0; width: 100%; position: fixed; }</style>

這在所有的瀏覽器在地鐵（現代）模式運作良好，除了IE10。

當點擊一個鏈接地址欄顯示，並覆蓋按鈕欄，它就會消失不是重新設計頁面的佈局

其他，我想按鈕欄坐在剛剛地址欄上方時，被顯示。

有誰知道一種方法來檢測地址欄是否可以使用javaScript？

來源

2013-02-05 pixelmatt

您可以嘗試將頁腳移至位置欄上方，直至位置欄摺疊，然後將頁腳放下。這裏有一個潛在的解決方案：

1. 將您的頁腳高達50像素（或其他），如果用戶有可能在一個IE10觸摸功能的瀏覽器

if (!!window.navigator.msPointerEnabled) { // sniff for IE10 + touch 
    $("#buttonBar").css("transform", "translateY(-50px)"); 
}

2. 傾聽與首次互動瀏覽器，然後用位置欄摺疊頁腳。

$("body").on("MSGestureStart MSInertiaStart MSGestureTap MSPointerDown", function() { 
    $("body").off("MSGestureStart MSInertiaStart MSGestureTap MSPointerDown"); 
    $("#buttonBar").css("transform","translateY(0)"); 
});

該解決方案還沒有100％可靠的，也有一些明確的相互作用塌陷的位置吧，但不會觸發事件。我正在研究一個更好的解決方案，一旦找到就會更新，但我認爲我會分享這個來讓球滾動。

來源

2013-03-15 17:35:31 potench

使用javascript檢測ie10城域網地址欄的存在

回答

相關問題