Html 左栏滚动,其他选项,然后滚动条?
我有一个关于在html/css中轻松滚动内容的问题。 这就是我所拥有的: 在左栏中我有我的数据。在右栏中,当您单击左栏中的链接时,我将加载一个iframe。有人知道我如何可以轻松滚动,但我的右iframe保持在该位置吗 这是我的html代码:(我使用bootstrap)Html 左栏滚动,其他选项,然后滚动条?,html,css,iframe,twitter-bootstrap,scroll,Html,Css,Iframe,Twitter Bootstrap,Scroll,我有一个关于在html/css中轻松滚动内容的问题。 这就是我所拥有的: 在左栏中我有我的数据。在右栏中,当您单击左栏中的链接时,我将加载一个iframe。有人知道我如何可以轻松滚动,但我的右iframe保持在该位置吗 这是我的html代码:(我使用bootstrap) .... 尝试将iFrame的高度设置为与左侧列相同的高度。然后在需要时使溢出可滚动。如果您知道iFrame的高度,这将起作用 #errors{ height:400px; overflow-y:auto;
....
尝试将iFrame的高度设置为与左侧列相同的高度。然后在需要时使溢出可滚动。如果您知道iFrame的高度,这将起作用
#errors{
height:400px;
overflow-y:auto;
}
#side-content{
height:400px;
}
尝试将iFrame的高度设置为与左侧栏相同的高度。然后在需要时使溢出可滚动。如果您知道iFrame的高度,这将起作用
#errors{
height:400px;
overflow-y:auto;
}
#side-content{
height:400px;
}
你可以试试下面的方法
$win = $(window);
$win.on('scroll', function() {
$("#side-content").css({"position":"absolute", "top":"0"}, $win.scrollTop() > 1);
});
这与用户滚动超过某个点时的粘性标题菜单的想法相同。由于您总是希望它保持在那里,如果用户滚动超过1个像素,它将返回顶部:0。因此,用户几乎不会注意到它
如果你尝试过,但不想要它,你也可以使用它
#side-content { position: fixed; top: 0; }
但是如果你的幻灯片内容高度大于窗口高度,那就行不通了。显然,你可以试试下面的方法
$win = $(window);
$win.on('scroll', function() {
$("#side-content").css({"position":"absolute", "top":"0"}, $win.scrollTop() > 1);
});
这与用户滚动超过某个点时的粘性标题菜单的想法相同。由于您总是希望它保持在那里,如果用户滚动超过1个像素,它将返回顶部:0。因此,用户几乎不会注意到它
如果你尝试过,但不想要它,你也可以使用它
#side-content { position: fixed; top: 0; }
但是,如果您的幻灯片内容高度明显大于窗口高度,那么这将不起作用。为什么不显示滚动条?它显示得不好……为什么不显示滚动条?它显示得不好……我是否可以将iframe向上和向下移动?是否可以将iframe向上和向下移动?