我需要将我网站的正确div菜单向下滚动,以便用jquery的用户眼睛卡住。
这是我的代码,但是
jQuery("body").scroll(function(){
jQuery("#scroll").animate({
marginTop: jQuery(window).offset()}, 1500 );
});
您可以从以下链接查看右侧菜单 http://gridberry.com/clients/tlgcenter/node/87
答案 0 :(得分:2)
<div id="follow">
<p>This element will follow all the way down to page</p>
<p></p>
</div>
$(document).ready(function () {
var speed = 1000;
var current_top = parseInt($('#follow').css('top'));
$(window).scroll(function () {
var top = $(window).scrollTop();
$('#follow').css('top', top + current_top);
});
});
#follow {
position:absolute;
left:10px;
top:10px;
height:50px;
width:100%;
background-color:#f0f0f0;
border:1px solid #404040;
padding:8px;
}
答案 1 :(得分:1)
这会帮助你解决它的问题......
修改强>
一个升级版本,它调用动画函数来消除IE中的不连贯行为。
function animateMenu(pos) {
$("#sticky").stop(true, false).animate({
marginTop: pos
}, 500);
}
var offset = $("#sticky").offset().top;
$(window).scroll(function () {
console.log($(window).scrollTop());
if ($(window).scrollTop() > offset) {
animateMenu($(window).scrollTop());
}
})