- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
这就是我的页面的结构。左栏 (col-lg-3)中心列 (col-lg-6)右栏(col-lg-3)
虽然我的主要内容会在中心栏中,但我希望我的左栏和右栏在某个滚动位置后固定(或粘性)。
我在互联网上找到的大多数解决方案都是将 1 个左列设为粘性。我认为需要完成一些 javascript 工作。
请访问http://www.bootply.com/LiOE57ZlwI .到目前为止,左列的工作方式与我希望的完全一样。我希望右列的行为与左列相同。
另请访问http://www.bootply.com/101100 .我想要完全相同的行为。我不想使用这段代码,因为它在小屏幕尺寸下一团糟。
谢谢
最佳答案
不使用 id,而是使用类:
/* activate sidebar */
$('.sidebar').affix({
offset: {
top: 235
}
});
在 html 中,不要使用 id 并将“侧边栏”放在类中
<div class="col-md-3" id="leftCol">
<ul class="nav nav-stacked sidebar">
<li><a href="#sec0">Section 0</a></li>
<li><a href="#sec1">Section 1</a></li>
<li><a href="#sec2">Section 2</a></li>
<li><a href="#sec3">Section 3</a></li>
<li><a href="#sec4">Section 4</a></li>
</ul>
</div><!--/left-->
<div class="col-md-3" id="leftCol">
<ul class="nav nav-stacked sidebar">
<li><a href="#sec0">Section 0</a></li>
<li><a href="#sec1">Section 1</a></li>
<li><a href="#sec2">Section 2</a></li>
<li><a href="#sec3">Section 3</a></li>
<li><a href="#sec4">Section 4</a></li>
</ul>
</div><!--/right-->
并且 css 也更改为类:
@media (min-width: 979px) {
.sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
.sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
}
.sidebar li.active {
border:0 #eee solid;
border-right-width:5px;
}
关于javascript - 页面左右两侧的 Bootstrap 词缀,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28355976/
我设法检查一个整数是否是从右到左排序的,但我如何检查从左到右的顺序?也许我应该做 2 个功能,一个从左到右检查,另一个从右到左检查?例如,我将 return 0; 替换为第二个函数,该函数检查它是否从
我想在两侧“剪切”我的页面,如下所示: http://i.stack.imgur.com/ngZrp.jpg 演示:https://jsfiddle.net/r2g0eyxf/3/ #left {
我很难在页面的两边都获得背景: 风格 .left { background: url(wax.png); width: 15%; position: absolute; lef
我需要逐步证明:7 + O(n) = O(n) 当两边都有大O的时候,我不知道该怎么做。 我想我理解大 O 符号的概念,但为什么两边都有大 O? 最佳答案 这种表示法的使用不符合大 O 表示法的正式定
我的目标是使 slider 宽度为 1280 像素并位于页面中央。我希望内容的边缘在两侧都有隐藏的溢出。例如,我希望内容的中心始终位于页面的中心,随着浏览器的大小调整,每一边都被切断,并且没有出现水平
我在做什么:在悬停按钮时,我添加了一个 5px 的底部边框。 JS fiddle : http://jsfiddle.net/mUCNB/ 问题: 问题是边框底部在左侧和右侧都延伸了 1px。 问题:
我是一名优秀的程序员,十分优秀!