Question

基本上，我想做的是使一个div，当使用滚轮时，该宽度在div宽度右侧滚动时溢出。

这里是一个JSfiddle，它显示了我目前所拥有的代码（问题生成器告诉我我需要添加它__（_）_ /¯）：

<body>
  <div class="container" onscroll="scroll();" id="main-container">
    <div class="section">
      Hello World
    </div>
    <div class="section">
      Hello World 2
    </div>
  </div>
</body>

/* For mobile phones: */
.container {
  white-space: normal;
}

@media only screen and (min-width: 768px) {

  /* For desktop: */
  .container {
    white-space: nowrap;
  }
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

.container {
  height: 100%;
  background-color: gray;
  overflow: auto;
}

div.section {
  display: inline-block;
  height: 100%;
  width: 100%;
}

https://jsfiddle.net/jse2g0vx/

如果将结果视图扩展到768像素以上，则div会水平放置而不是垂直放置，这是预期的效果。我不知道该怎么做，使div处于水平位置时，滚轮会影响滚动条的位置。

如果不用，我真的很想在不使用jquery的情况下实现这一目标。

以下是我想要实现的滚动效果的一个示例（尽管我不想使用到达那里的方法）：https://hiraomakoto.jp

使侧向滚动div使用鼠标滚轮滚动？

0 个答案: