Html 左栏滚动,其他选项,然后滚动条?

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;

我有一个关于在html/css中轻松滚动内容的问题。 这就是我所拥有的:

在左栏中我有我的数据。在右栏中,当您单击左栏中的链接时,我将加载一个iframe。有人知道我如何可以轻松滚动,但我的右iframe保持在该位置吗

这是我的html代码:(我使用bootstrap)


....

尝试将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向上和向下移动?