Javascript 如何在一定高度后固定滚动div并在到达其他div后停止?
我想在到达某个分区后使固定滚动停止。 我找到了其他教程,其中将子div放在父div中。 但我不想那样 请看我在下面代码片段中的解释。 我要它在到达其他分区后停止滚动 任何帮助都非常感谢。。。 多谢各位Javascript 如何在一定高度后固定滚动div并在到达其他div后停止?,javascript,jquery,html,Javascript,Jquery,Html,我想在到达某个分区后使固定滚动停止。 我找到了其他教程,其中将子div放在父div中。 但我不想那样 请看我在下面代码片段中的解释。 我要它在到达其他分区后停止滚动 任何帮助都非常感谢。。。 多谢各位 $(文档)。滚动(函数(){ //将导航粘贴到页面顶部 var y=$(this.scrollTop(); var navWrap=$('#navWrap').offset().top; 如果(y>navWrap){ $('nav').addClass('sticky'); }否则{ $('na
$(文档)。滚动(函数(){
//将导航粘贴到页面顶部
var y=$(this.scrollTop();
var navWrap=$('#navWrap').offset().top;
如果(y>navWrap){
$('nav').addClass('sticky');
}否则{
$('nav').removeClass('sticky');
}
});代码>
正文{
高度:1600px;
保证金:0;
}
#导航包{
高度:70像素
}
导航{
高度:70像素;
背景:灰色;
}
.粘的{
位置:固定;
排名:0;
}
h1{
保证金:0;
}
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑最深处,哦,马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无知的死尸,没有灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫,在活体小脑上。动画僵尸,板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物,苏西塔莫托斯喜剧卡内姆病毒。宗比破烂了,因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了
当你向下滚动时,我会停留在顶部,当你向上滚动到我的原始位置时,我会松开
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑的最高点, 莫博·维尔马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无知的死尸,没有灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫,在活体小脑上。动画僵尸,板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物,苏西塔莫托斯喜剧卡内姆病毒。宗比破烂了,因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑最深处,哦,马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无知的死尸,没有灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫,在活体小脑上。动画僵尸,板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物,苏西塔莫托斯喜剧卡内姆病毒。宗比破烂了,因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了
我要它停止在这里滚动。如果我返回到向上滚动,它也将跟随到原始位置。
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑最深处,哦,马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无知的死尸,没有灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫,在活体小脑上。动画僵尸,板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物,苏西塔莫托斯喜剧卡内姆病毒。宗比破烂了,因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑的最高点, 莫博·维尔马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无知的死尸,没有灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫,在活体小脑上。动画僵尸,板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物,苏西塔莫托斯喜剧卡内姆病毒。宗比破烂了,因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑最深处,哦,马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无知的死尸,没有灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫,在活体小脑上。动画僵尸,板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物,苏西塔莫托斯喜剧卡内姆病毒。宗比破烂了,因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑的最高点, 莫博·维尔马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无知的死尸,没有灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫,在活体小脑上。动画僵尸,板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物,苏西塔莫托斯喜剧卡内姆病毒。宗比破烂了,因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了
僵尸ipsum reversus ab病毒地狱,nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑最深处,哦,马莱菲西亚?《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨,无意识的死亡,无灵魂的造物主,我是邪恶的追踪者,基督复临门,邪恶的秃鹫
// I would cache these vars outside the scroll for better performance
var navWrap = $('#navWrap'),
nav = $('nav'),
startPosition = navWrap.offset().top,
stopPosition = $('#stopHere').offset().top - nav.outerHeight();
$(document).scroll(function () {
//stick nav to top of page
var y = $(this).scrollTop();
if (y > startPosition) {
nav.addClass('sticky');
if (y > stopPosition) {
nav.css('top', stopPosition - y);
} else {
nav.css('top', 0);
}
} else {
nav.removeClass('sticky');
}
});