同一页上有多个滚动条
Multiple scroll bars on the same page
我感兴趣的是在同一页上有多个滚动条。。。。在www.jrew和www.indument.se等电子商务商店中看到了几个主要的例子,有人对构建java脚本的最佳方式有什么想法吗?我还想让滚动条同步,最好是以相同的速度。
您可以使用overflow: scroll
或overflow-y: scroll
使任何容器滚动。一般的方法是固定这些容器的高度,以便它们滚动。例如
.scroll {
overflow: auto;
-webkit-overflow-scrolling: touch; /* enables momentum-scrolling on iOS */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
要将滚动视图拆分为多个容器,您可以像正常情况一样制作网格布局,并在其中放置嵌套的滚动div。例如
<div class="row row-6">
<div class="scroll">
your left content
</div>
</div>
<div class="row row-6">
<div class="scroll">
your right content
</div>
</div>
相关文章:
- 简单的一页水平滚动
- Javascript一页滚动脚本滚动到每个点击的链接一个接一个
- 使用java脚本将Android WebView滚动到下一页
- 一页签出滚动到下一页的屏幕底部
- Sencha ExtJS store.nextPage() 然后 store.first() 给出前一页的第一条记录
- 一页滚动自定义导航
- 整页.JS一页滚动在手机上不起作用
- 一页滚动iPad触摸滚动
- 一页向下滚动按钮
- 使用滚动重新加载 Jqgrid 时出现问题 - 重复的行数据并缺少最后一页
- JQuery 一页自动滚动菜单
- 寻找一种使用 jquery 构建滚动条的简单方法
- 平滑滚动一页网站
- 选择2-无限滚动不加载带有远程数据的下一页
- 将html中的fancybox关闭按钮更改为一页滚动网站
- 单击一页滚动菜单时更改URL哈希值
- 除非需要滚动条,否则会粘在浏览器底部的HTML页脚
- 如何在不重新加载的情况下无缝向下滚动到下一页
- 奇数/偶数表条带化-一页上有多个表
- 如何在每200px滚动一页时发出警报;