確定滾動後更改側邊欄

Question

我試圖讓我的側欄像平常一樣運行，直到發生了一定量的滾動（它滾動過第一個子元素div元素），然後修復到位。

作爲一個測試，我試圖把它變成空白。但它沒有任何影響。

<script type="text/javascript"> 
    var side_offset_top = $('#side').offset().top; 
    var side = function(){ 
     var scroll_top = $(window).scrollTop(); 
     if (scroll_top > side_offset_top) { 
      document.getElementById('side').innerHTML = ''; //blank to test 
     } else { 
     } 
    }; 
    side(); 
    $(window).scroll(function() { 
     side(); 
    }); 
}); 
</script> 

我是JavaScript新手，所以我很感謝任何人幫助我解決這個問題。

Answer 1

我猜你正在使用jQuery，因爲我看到了$

上有代碼的最後一行的額外});所以，除非它是你應該刪除複製粘貼錯誤。

然後嘗試將代碼放入$（document）.ready（）處理程序中。 $（'＃side'）在檢查它的偏移時可能不在DOM中。

喜歡的東西（未經測試）：

$(document).ready(function(){ 
    var side_offset_top = $('#side').offset() && $('#side').offset().top; 
    var side = function(){ 
     var scroll_top = $(window).scrollTop(); 
     if (scroll_top > side_offset_top) { 
      $('#side').html(''); // using jQuery .html 
     } 
    }; 
    side(); 
    $(window).on('scroll', function() { // consider using .on here instead 
     side(); 
    }); 
}); 

編輯：哎呦！偏移（）。頂部（）應該偏移（）頂部