簡體   English   中英

如何檢測頁面底部並阻止側面導航增加邊距

[英]How to detect bottom of page and stop side nav from adding margin

當用戶滾動時,當我的側邊欄到達頁面底部時,它將繼續在頁面底部添加空白。 一旦用戶點擊頁面底部,就無法確定如何阻止這種情況的發生。

$(function() {
        var offset = $("#sidebar").offset();
        var topPadding = 300;

        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#sidebar").stop().animate({
                    marginTop: $(window).scrollTop() - offset.top + topPadding
                });
            } 

            else {
                $("#sidebar").stop().animate({
                    marginTop: 80
                });
            };  

        });
    });

我猜想#sidebar比視口高,並且會導致整個身體增長,因為當您向下滾動時,它會延伸超過身體底部。

我將研究以編程方式限制邊欄的高度。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM