html 滚动停止,javascript – 一旦到达另一个div,就停止div滚动

这是你在寻找什么?

var windw = this;

$.fn.followTo = function ( elem ) {

var $this = this,

$window = $(windw),

$bumper = $(elem),

bumperPos = $bumper.offset().top,

thisHeight = $this.outerHeight(),

setPosition = function(){

if ($window.scrollTop() > (bumperPos - thisHeight)) {

$this.css({

position: 'absolute',

top: (bumperPos - thisHeight)

});

} else {

$this.css({

position: 'fixed',

top: 0

});

}

};

$window.resize(function()

{

bumperPos = pos.offset().top;

thisHeight = $this.outerHeight();

setPosition();

});

$window.scroll(setPosition);

setPosition();

};

$('#one').followTo('#two');

编辑:关于你的请求不要滚动到某一点,只需替换这个:

if ($window.scrollTop() > (bumperPos - thisHeight)) {

有了这个:

if ($window.scrollTop() <= (bumperPos - thisHeight)) {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值