jQuery函數切換溢出不在微軟邊緣工作

我已經寫了一個jQuery函數來在溢出-y：hidden和overflow-y：auto之間在按下按鈕之間切換。這對於桌面上的Chrome，Opera和Firefox非常有用。但由於某些原因，Microsoft Edge不起作用，這很奇怪，因爲其他瀏覽器都沒有問題。一些幫助和解釋將是美好的！jQuery函數切換溢出不在微軟邊緣工作

$(".pro-toggle").click(function(){ 
    var hidden = $('body').css('overflow'); 
    if(hidden == 'hidden'){ 
     $("body").css("overflow-y","auto"); 
    } 
    else { 
     $("body").css("overflow","hidden"); 
    } 
});

<button class="navbar-toggle collapsed pro-toggle pull-left" data-toggle="collapse"> 
    <span class="icon-bar top-bar"></span> 
    <span class="icon-bar middle-bar"></span> 
    <span class="icon-bar bottom-bar"></span>  
</button>

來源

2016-11-10 Lord Goderick

繼續看http://stackoverflow.com/questions/31552286/support-for-scroll-bar-styling-in-edge-browser問題很快就會解決 – anshuVersatile

好的，這很有趣。謝謝你的發現。看起來這與我的代碼無關。 –

請找Support for scroll bar styling in Edge Browser

很難知道具體是，沒有正式文件，明確跡象，或官方消息從開發團隊，但似乎不太可能基於先前的評論關於Edge的目的和設計目標。

這也是爲什麼我說：

你指的是最初加入到IE8作爲擴展CSS 2.1規範的性質。這些屬性是非標準的，在一些圈子中被認爲是非法的。（還有其他非標準變體，儘管目前還不清楚它們是否在MS Edge中受到支持。）

很明顯，這些特定屬性在Edge中可能沒有正式支持，大概是因爲它們是專有擴展。

這似乎不太可能改變，因爲MS Edge的主要設計要點之一就是爲了標準和跨平臺互操作性而留出遺留的兼容性。（並且，考慮到IE11對主要或次要版本號進行了主要功能更改，完全可行的是在給定更新之後，對非標準屬性的支持可能會消失。）

這些屬性在您使用的版本可能是一個故意的設計決策，或者可能是Edge基於Trident引擎的一個分支的一個副作用，其中許多遺留代碼行已被刪除。

再次，沒有官方確認或公告，這是基於經驗和以前團隊行爲的所有猜測。你的旅費可能會改變。

來源

2016-11-10 12:22:30 anshuVersatile

jQuery函數切換溢出不在微軟邊緣工作

回答

相關問題