search

be-fe / iSlider

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
http://be-fe.github.io/iSlider/
MIT License
1.65k stars 449 forks source link

android app里面页面晃动 #243

Closed hogxo closed 8 years ago

hogxo commented 9 years ago

在Android app里面嵌入网页时，每次切换时页面元素会跟着晃动一下

xieyu33333 commented 9 years ago

应该是你外层的容器没有overflow：hidden

hogxo commented 9 years ago

有overflow，奇怪的是手机浏览器、微信浏览器，ios没问题，只有部分Android手机有问题。 只有用了相对、绝对定位的元素有影响

xjchenhao commented 8 years ago

我和 @hogxo 遇到了同样的问题,外层增加overflow,提高层级的方式都试过了.

为了防止fixed定位的抖动,我用.viewport图层模拟了滚动条. 如果不用这种方式就不会有晃动飘浮的问题.

shinate commented 8 years ago

最外层宿主容器并没有设置尺寸和overflow，如果fixpage为false的情况下会产生晃动，当最外层容器在非fixed的情况下需要注意

shinate commented 8 years ago

另外可以根据业务需要对某一帧单独添加样式，在onSlideChanged时更改

shinate commented 8 years ago

2.0.10设置了overflow hidden，使用场景确实需要此设置