Javascript 固定滚动功能…希望它滑动(JQUERY)
所以,标题有点宽泛。我有这个功能,在鼠标/页面上向下滚动大约88px的页面,菜单将变为静态位置,所以它停留在浏览器窗口的顶部 很像这样…对不起,我的HTML是在一个框架中,无法轻松共享。 然而,我的并不像上面的演示那样做任何花哨的事情。我希望我的头发稍微延迟一点,然后再往下滑。有点像演示 这是我的jQuery函数…有人吗Javascript 固定滚动功能…希望它滑动(JQUERY),javascript,jquery,html,Javascript,Jquery,Html,所以,标题有点宽泛。我有这个功能,在鼠标/页面上向下滚动大约88px的页面,菜单将变为静态位置,所以它停留在浏览器窗口的顶部 很像这样…对不起,我的HTML是在一个框架中,无法轻松共享。 然而,我的并不像上面的演示那样做任何花哨的事情。我希望我的头发稍微延迟一点,然后再往下滑。有点像演示 这是我的jQuery函数…有人吗 var div = $('#wizMenuWrap'); var editor = $('#main_wrapper'); var start = $(div).offset
var div = $('#wizMenuWrap');
var editor = $('#main_wrapper');
var start = $(div).offset().top;
$(function fixedPackage() {
$(window).bind("scroll", function () {
// If the modal is displayed, do nothing
if ($('.modal').is(':visible'))
return;
var p = $(window).scrollTop();
$(div).css('position', ((p) > start) ? 'fixed' : 'static');
$(div).css('top', ((p) > start) ? '0px' : '');
//Adds TOP margin to #main_wrapper (required)
$(editor).css('position', ((p) > start) ? 'relative' : 'static');
$(editor).css('top', ((p) > start) ? '88px' : '');
});
});
没有HTML+CSS,没有人可以帮助您。你的JS很好。以下是没有fadeIn和CSS的更简单示例:
$(function() {
var $scrollingDiv = $(".MyDivClass");
var $scrollingDivPos = $scrollingDiv.offset();
$(window).scroll(function(){
if($(this).scrollTop() > $scrollingDivPos.top+$scrollingDiv.height() && $scrollingDiv.css('position','relative')){
$scrollingDiv.css({
'position': 'fixed',
'top': '5px',
'z-index': '10'
});
} else if($(this).scrollTop() <= $scrollingDivPos.top && $scrollingDiv.css('position','fixed')){
$scrollingDiv.css({
'position': 'relative'
});
}
});
})