Question

我感兴趣的是在同一页面上有多个滚动条....看到几个例子主要是在电子商务商店，如www.jrew和www.indumenti.se，有没有人有任何想法的最佳途径构造java脚本？我还想让滚动条同步，理想情况下也是同步速度。

Answer 1

您可以使用overflow: scroll或overflow-y: scroll滚动任何容器。一般的方法是固定这些容器的高度，使它们滚动。 E.g。

.scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum-scrolling on iOS */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

要将滚动视图拆分为多个容器，您可以将其分成多个容器。像普通网格布局一样，并在内部放置一个嵌套的滚动div。 e.g。

<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>

同一页面上有多个滚动条

1 个答案: