Question

好的，我有一个数字div标签，在一个部分标签内，并在选定的菜单按钮点击滚动到所选的div区域。

每个div区域都有一个translate3d css，将每个div移出另一个。然后代码触发“点击”。将div标记移动到浏览器窗口的事件。

CSS代码

#Area1 {
    position: absolute;
    top: 0px;
    z-index: 10;
    border-left:10px solid #FFFFFF;
    width: 100%;
    height: 100%;
    padding-left: 10%;
    padding-right: 10%;
    background-color: #66cc33;
    -moz-transform:translate3d(100%,0%,0px) skew(16deg, 0);
    -webkit-transform: translate3d(100%,0%,0px) skew(16deg, 0);
}

Area2代码相同，但设置为200％。这个div标签设置在一个div包装器中，其位置相对于它。

Jquery代码移动div

  $( "#AreaOne" ).animate({left: "0%"}, 1000, 'easeInOutQuad');
  $( "#AreaTwo" ).delay(100).animate({left: "0%"}, 1000, 'easeInOutQuad');

一切正常。没问题。但我希望能够刷过这些div。但是我正在测试我的iphone上是不是这样做了。现在我认为这是因为我使用了点击事件功能？我真的不想改变我的代码，主要是因为它工作正常。

现在我尝试在div上使用touchwipe，但是这不起作用，不确定我是否正确调用它:)。

只是想知道是否有一种简单的方法可以触摸div滚动？

非常感谢，

格伦。

PS。对不起，如果我没有解释好自己。如果不清楚，请告诉我，我会改变我的问题。

Answer 1

您是否尝试过添加特定于Web工具包的声明？

overflow-y: scroll; /* has to be scroll, not auto */
--webkit-overflow-scrolling: touch; /* momentum scrolling, iOS Safari only*/

此处更深入：http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/

在触摸时滚动div标签？

1 个答案: