我也遇到了
ios微信中滑动回弹抖动?ios微信内置的浏览器网页长按图片后滚动会顶部或底部,橡皮筋效果立即回弹后抽搐抖动 其一,这个bug在ios的safiri浏览器重复测试没有出现。 其二,纯css代码,没有执行任何js代码 在这想获知这是不是微信的BUG,有无可兼容的方法 [视频] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; overflow: hidden; } body { max-width: 750px; } #app { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } #app::before { content: ''; display: block; position: absolute; top: 1580px; right: 0; width: 30px; height: 2px; background: #fff; } img { width: 100%; height: auto; vertical-align: middle; user-select: none; } .img-box { height: 2400px; overflow: hidden; background-color: yellowgreen; } </style> </head> <body> <div id="app"> <!-- 图片是网络随意找的长图 --> <img src="test.jpeg" alt=""> </div> </body> </html>
2022-06-23