Javascript 固定了容器中的右侧栏,引导
我将右侧边栏与Javascript 固定了容器中的右侧栏,引导,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我将右侧边栏与容器一起使用类 <div class="container"> <div class="col-8 col-md-8 col-sm-6"> main contents </div> <div class="col-4 col-md-4 col-sm-6 sidebar "> side bar </div> 我想我不太明白你想要什么。但是,您的代码将无法正常工作,因为您没有将列包装到行中。尝试以下操作,看看是否符合您的要求
容器一起使用
类
<div class="container">
<div class="col-8 col-md-8 col-sm-6">
main contents
</div>
<div class="col-4 col-md-4 col-sm-6 sidebar ">
side bar
</div>
我想我不太明白你想要什么。但是,您的代码将无法正常工作,因为您没有将列包装到
行中
。尝试以下操作,看看是否符合您的要求:
主要内容
侧栏
具有位置的元素:固定代码>相对于视口定位,这意味着即使滚动页面,它也始终保持在同一位置。顶部、右侧、底部和左侧属性用于定位图元。您可以使用媒体查询来匹配视口和容器之间右侧间隙的更改,或者使用jQuery来计算需要固定的距离,并相应地更新right
属性。像这样但水平:如果你想在滚动时让边栏固定在左边,你需要使用JS。非常感谢。我理解基本概念。所以我应该做的是在左边的浏览器边缘和左边的图片之间得到空白宽度。谢谢,我用<代码> @白熊,但是到底是什么问题?您希望它在滚动时保持不变吗?这就是你想要实现的吗?现在浏览器左边缘-空白-左疼痛-右疼痛-浏览器右边缘
。我想把空白
放在右边和浏览器右边之间。@whitebear什么是空白
?你能说得更具体些吗?
.sidebar {
position: fixed;
top:0px;
right:0px;
display: block;
overflow-x: hidden;
overflow-y: auto
}