Javascript 滚动过去后将Div粘贴到顶部
现在,我可以在向下滚动Javascript 滚动过去后将Div粘贴到顶部,javascript,jquery,css,html,Javascript,Jquery,Css,Html,现在,我可以在向下滚动320px后将div粘贴到顶部,但我想知道是否有其他方法可以实现这一点。下面是我的代码: jQuery(function($) { function fixDiv() { if ($(window).scrollTop() > 320) { $('#navwrap').css({ 'position': 'fixed', 'top': '0', 'width': '100%' }); }
320px
后将div
粘贴到顶部,但我想知道是否有其他方法可以实现这一点。下面是我的代码:
jQuery(function($) {
function fixDiv() {
if ($(window).scrollTop() > 320) {
$('#navwrap').css({ 'position': 'fixed', 'top': '0', 'width': '100%' });
}
else {
$('#navwrap').css({ 'position': 'static', 'top': 'auto', 'width': '100%' });
}
}
$(window).scroll(fixDiv);
fix5iv();
});
它可以工作,但是上面的一些div
并不总是相同的高度,所以我不能依赖320px
。如果不使用if($(window).scrollTop()>320)
,如何让它在用户滚动通过div#navwrap
后在顶部淡入?尝试使用navwrap
元素的offset().top
。这样,元素将从其在文档中的起始位置固定,而不管该位置在何处。例如:
function fixDiv() {
var $div = $("#navwrap");
if ($(window).scrollTop() > $div.data("top")) {
$div.css({'position': 'fixed', 'top': '0', 'width': '100%'});
}
else {
$div.css({'position': 'static', 'top': 'auto', 'width': '100%'});
}
}
$("#navwrap").data("top", $("#navwrap").offset().top); // set original position on load
$(window).scroll(fixDiv);