在div上使用jQuery的scrolltop和fadein/fadeout

我有一個div，position: absolute位於一個相對定位的父級。我想在.scroll()活動期間將該div保留在其父母的底部。在div上使用jQuery的scrolltop和fadein/fadeout

什麼，我究竟想在這裏做的，就是滾動開始時，的div那麼當滾動結束淡化它

我的嘗試是這樣的：

clearTimeout(scroll); 
$(Writer).fadeOut('fast'); 

var scroll = setTimeout(function() { 
    $(Writer).css({ 
     'bottom': 0 
    }).fadeIn('slow'); 
}, 1000); 
});

當然這失敗了。想法？謝謝。

來源

2012-01-10 user1027620

顯示一些完整的示例（html，css）。通常使用js來顯示/隱藏，因爲這個原因，不需要通過js來處理其他CSS參數。 – YuS 2012-01-10 11:32:34

您能否檢查我對Sangeetas的評論回答 – user1027620 2012-01-10 11:38:06

發佈您的HTML和CSS。定位問題需要這些信息，否則我們只會和你玩猜謎遊戲。 – 2012-01-10 12:31:31

試試這個：

var timer = -1; 
$(window).scroll(function() { 
    clearTimeout(timer); 
    $(Writer).hide(); // hide instead of fadeOut, as otherwise your users will see your div fading out while scrolling 
    timer = setTimeout(function() { $(Writer).fadeIn('slow'); }, 1000); 
});

UPDATE

檢查這個小提琴演示：http://jsfiddle.net/c3z39/ - 演示使用position: fixed爲div來演示這個概念。

來源

2012-01-10 13:21:57 techfoobar

你可以嘗試jQuery的滾動事件這樣做的：在滾動淡出烏爾股利和淡入，因爲它會停止滾動

$(window).scroll(function() { 
$(Writer).fadeOut('fast'); 
$(Writer).css({ 
     'bottom': 0 
    }).fadeIn('slow'); 
}, 1000);  
    });

來源

2012-01-10 11:33:30 Sangeeta

仍然，div不會在窗口底部。我的意思是我希望該div顯示爲位置固定和底部：0但絕對值爲0可能意味着它不可見或遠遠超出文檔末尾。 – user1027620 2012-01-10 11:36:35

''position：absolute'它使用的不是窗口高度，但文檔的高度，所以'bottom：0'不會像你想要的那樣工作。然後使用'position：fixed'或'position：relative'。 – YuS 2012-01-10 11:40:50

在div上使用jQuery的scrolltop和fadein/fadeout

回答

相關問題