iScroll 4 – 恢复默认/本机缩放功能
iScroll 4 – restore the default/native zoom feature
>我有一个设置,我的可滚动容器采用视口的整个宽度和高度。我使用 iScroll 在背景图像上滚动内容。到目前为止工作正常,我没有找到更好的解决方案来拥有固定的背景图像(任何想法都会很棒:))。问题是,我无法再放大页面,因为iScroll为可滚动容器禁用它,在这种情况下是整个屏幕。有没有办法恢复原生缩放功能?我还会采取一个"绝望"的解决方案,修改iScroll库甚至另一个滚动库。
对于大多数移动设备,您将无法获得本机缩放,因为 iScroll 会覆盖 touchstart 和 touchmove 事件。但是,您可以通过打开缩放选项来获得它的模拟版本。
从文档:
var myScroll = new iScroll('wrapper', { zoom: true });
所以我找到了一个非常好的解决方案,它内置在 iOS5 中:
overflow: scroll;
-webkit-overflow-scrolling: touch;
这对我的案子起到了作用。不需要额外的滚动库,它具有与以前相同的功能(动量滚动、调整大小等)。
相关文章:
- 更改高贴图的缩放级别
- 在不阻止默认行为的情况下检测IE10中的缩放
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 缩放Raphael/SVG容器以适应所有内容
- 传单缩放控制位置错误
- 在不移动内部文本的情况下缩放元素的效果
- '图片'没有用于本机道具的propType'RCTImageView.overlayColor&
- 调整缩放窗口高度提升缩放
- 在iOS和Android上使用React native时,我还能使用本机第三方lirbraries吗
- 计算CSS3缩放框在另一个框中的最高位置
- D3.JS向rect添加缩放和列表项
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- 将直流图表库中的折线图缩放限制为小时
- javascript函数访问ios本机功能
- 如何在从客户端接收数据时从本机方法触发javascript函数?
- iScroll 4 – 恢复默认/本机缩放功能
- Facebook自动收报机如何工作,例如在某些res或缩放它隐藏
- 在HTML5中的本机拖放中克隆阴影
- 锤子.js滑动禁用本机捏合缩放
- 本机HTML5拖放,实际拖动