在800px之后在scrollDown上顯示div我希望在從頁面頂部向下滾動800px后顯示隱藏的div。到目前為止我有這個例子，但我想它需要修改才能實現我想要的東西。編輯：[當scrollUp和高度小于800px時，這個div應隱藏]HTML：<div class="bottomMenu">
<!-- content --></div>CSS：.bottomMenu {
width: 100%;
height: 60px;
border-top: 1px solid #000;
position: fixed;
bottom: 0px;
z-index: 100;
opacity: 0;}jQuery的：$(document).ready(function() {
$(window).scroll( function(){
$('.bottomMenu').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});});這是我當前代碼的小提琴。
3 回答
眼眸繁星
TA貢獻1873條經驗 獲得超9個贊
你也可以這樣做。
$(window).on("scroll", function () {
if ($(this).scrollTop() > 800) {
#code here
} else {
#code here
}});- 3 回答
- 0 關注
- 668 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消