Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 结束div上的停止侧边栏_Javascript_Jquery_Html_Css_Sidebar - Fatal编程技术网

Javascript 结束div上的停止侧边栏

Javascript 结束div上的停止侧边栏,javascript,jquery,html,css,sidebar,Javascript,Jquery,Html,Css,Sidebar,早上好 我有一个信息页面,页面右侧有一个侧边栏,滚动时跟随屏幕,但当他到达div的和时,它仍然跟随页面 var$sidebar=$(“#sidebar”), $window=$(window), 偏移量=$sidebar.offset(), 加总=230; $window.scroll(函数(){ if($window.scrollTop()>offset.top){ $sidebar.stop().animate({ marginTop:$window.scrollTop()-offset.

早上好

我有一个信息页面,页面右侧有一个侧边栏,滚动时跟随屏幕,但当他到达div的和时,它仍然跟随页面

var$sidebar=$(“#sidebar”),
$window=$(window),
偏移量=$sidebar.offset(),
加总=230;
$window.scroll(函数(){
if($window.scrollTop()>offset.top){
$sidebar.stop().animate({
marginTop:$window.scrollTop()-offset.top+topPadding
});
}否则{
$sidebar.stop().animate({
玛金托普:15,
marginBottom:200
});
}
});
#侧边栏{
宽度:190px;
}
#侧边栏李{
左边框:1px实心橙色;
边框底部:1px纯色橙色;
边框顶部:1倍纯色橙色;
列表样式类型:无;
文本对齐:左对齐;
左侧填充:8px;
边界塌陷:塌陷;
}
#侧边栏李:悬停{
字号:17px;
字体大小:粗体;
背景色:#FF8D00;
颜色:白色;
}
#边栏lu{
列表样式类型:无;
文字装饰:无;
}
#侧边栏李:悬停a{
颜色:白色;
}
身体{
高度:3000px;
}


您的站点上有Twitter引导,那么为什么不使用这个框架中的Affix.js插件呢

简单地说:

$('#sidebar ul').affix({...})
我应该做这项工作


在选项中,您当然可以设置
bottom
param,以在容器到达特定位置时停止粘贴。

您可以使用div的高度来获取是否到达div的底部,并在“else if”中设置动画

您可以使用

div_height = $("#InformatieDiv").height()
因此,将有三个分支机构,如下所示:

if ($window.scrollTop() > offset.top){
  #CODE TO STOP SCROLLING UP
}else if($window.scrollTop() < (offset.top + div_height)){
  #CODE TO STOP SCROLLING DOWN
}else{
}
if($window.scrollTop()>offset.top){
#停止向上滚动的代码
}else if($window.scrollTop()<(offset.top+div_height)){
#停止向下滚动的代码
}否则{
}
我希望这对你有帮助