Javascript 停止相对div滚动超过某个点
如何阻止相对div滚动超过某个点 这里有一个帮助你理解的例子 基本上,我希望能够像平常一样滚动,唯一的区别是我不想看到标题标签后面的任何东西,也就是说,当你滚动时,你可以通过标题标签看到div,我希望它滚动时,截止点是标题标记的底部,因此滚动时,您不会看到任何超过标题行的内容 希望这是有道理的 这是标题cssJavascript 停止相对div滚动超过某个点,javascript,jquery,css,Javascript,Jquery,Css,如何阻止相对div滚动超过某个点 这里有一个帮助你理解的例子 基本上,我希望能够像平常一样滚动,唯一的区别是我不想看到标题标签后面的任何东西,也就是说,当你滚动时,你可以通过标题标签看到div,我希望它滚动时,截止点是标题标记的底部,因此滚动时,您不会看到任何超过标题行的内容 希望这是有道理的 这是标题css #header { height:40px; width:100%; background:transparent; position:fixed; border:1p
#header {
height:40px;
width:100%;
background:transparent;
position:fixed;
border:1px solid black;
top:0;
}
您可以为标题设置一个(非透明的)
背景色
,或者在标题下方创建一个新的滚动区域,使用jquery scrollTop进行此操作
$(window).scroll(function(){
if($(window).scrollTop() >= 229){
alert("in if");
$('#header').css({position:'relative'});
}else{
alert("in else");
$('#header').css({position:'fixed'});
}
});
只需修改
#header
的css,如下所示:
background: white;
这是因为您已使背景
透明
对于滚动,您可以添加以下jQuery:
var windw = this;
$.fn.followTo = function ( pos ) {
var $this = this,
$window = $(windw);
$window.scroll(function(e){
if ($window.scrollTop() > pos) {
$this.css({
position: 'absolute',
top: pos
});
} else {
$this.css({
position: 'fixed',
top: 0
});
}
});
};
$('#header').followTo(250);
我认为这对他解决这个问题没有帮助。顺便说一句,你的代码真的表现不佳!他说=>停止相对div滚动超过某个点。与滚动相关的代码在哪里?这个问题也与jQuery、Javascript有关。嗨-我不知道是否只有我一个人,但我没有真正理解你的意思-你能进一步解释一下吗?也许是一个布局示例?请说明您是否得到了正确答案