我正在尝试实现一个固定的导航,在顶部,后标题,滚动过去(那么多的工作在此刻很好)和一个侧栏滚动页面,直到之间的第一和第二个div元素在侧栏,然后修复。
[编辑:这是小提琴- ]
我试着修改我的导航栏的工作代码,暂时不用担心滚动过第一个元素:
$(function() {
var side_offset_top = $('#side').offset().top;
var side = function(){
var scroll_top = $(window).scrollTop();
if (scroll_top > si
我使用Bootstrap为整个网站,但必须把主要内容在12列网格与%的边际,以创建一个‘边缘’。我有一个辅助的粘性导航,用于页面链接(不是附加),但问题是,在更宽的屏幕尺寸上,一旦导航修复,它就会从12列(z-index 9999)中删除自己,并向左浮动-任何如何保持居中和“回到网格”的想法都将非常感谢。
HTML
<div id="strip" class="strip">
<div id="navstrip">
<ul c
我想要一个两列的网页,右边的面板固定宽度,左边的面板占用剩余的空间。右侧面板不应滚动,但左侧面板应滚动。滚动条必须在左列和右列之间(换句话说,左div需要自己的滚动条,而不是整个页面滚动)。
我现在有HTML:
<div id="l"><!-- Lots of text so it will scroll --></div>
<div id="r">Right panel</div>
和CSS:
body {
margin: 0;
padding: 0;
}
#l {
padding: 1