Question

遇到一个小问题。（参考小提琴）我的项目中有一个旋转180度的容器，里面有一个容器，再旋转180度回到原始状态。

我需要反转滚动条。我该怎么做呢？

不要介意用一种方法浪费你的时间，这会恢复基本的设置。基本设置必须保持不变。

小提琴的描述： “开始”标志着最后一个字符串的初始字符串和“结束”。如果你尝试滚动，你会意识到，它是如何正常滚动的。

$imgs

编辑：只需将鼠标滚动滚动，就必须倒置。

Answer 1

修改：您的原始设置在Chrome和[IE＆amp;火狐。在Chrome中，滚动已经反转，但在FF和IE中，滚动仍然正常。我的解决方案在两种情况下都会恢复它，但不同浏览器的行为仍然存在差异。

您可以添加以下样式：

/* ...
   Your original styles
   ...
*/

.class1 {
    overflow: hidden;
    position: relative;
}
.class2 {
    position: absolute;
    bottom: 0;
}

然后，使用jQuery修改bottom的{{1}} CSS属性：

.class2

JS Fiddle Demo

Answer 2

您可以使用鼠标滚轮库捕捉并反转滚动动作。

$(".class1").mousewheel(function(event) {

  event.preventDefault();

  this.scrollTop -= (event.deltaY * event.deltaFactor * -1);

});

您可以在此处查看演示：http://jsfiddle.net/fduu20df/1/

反转滚动旋转（180d）

2 个答案:

JS Fiddle Demo