滾動固定的導航高度百分比

Question

我正在嘗試將垂直導航固定在網站的左側。

$(document).ready(function(){

    $(window).scroll(function(){
        var border = 150;
        if($(window).scrollTop() >= border){
            $("#box_CATEGORIES").css({
                    'position' : 'fixed',
                    'top' : '0'

            });
        }
        if($(window).scrollTop() < border){
            $('#box_CATEGORIES').removeAttr('style');
        }
    })

});

這項工作起初很好，但現在我將網站的高度更改為100%因為我希望頁腳始終位於網站底部。

由於這個原因（我認為），代碼不再起作用.. :(有幫助嗎？

Answer 1

解決方案是從body元素中刪除overflow-x：hidden。

@James Khoury在類似問題上的回答是：

如果您對overflow-x或overflow-y使用了visible，而對其他對象則不可見。 可見值被解釋為自動。

您也可以在github上找到此jQuery開放問題