iOS：UIWebView scrollView 的分页滑动问题

　　最近在弄一个native webview+html的项目，感觉这种尝试还是挺不错的，特被是适合内容类app。如杂志、电子书等。其实native搭的就是一个框架，主体还是在html的内容上，所以花在html的功夫要十分多。

　　要做到webview的分页的效果，主要是利用UIwebView里面的scrollView的属性。

webview里面有一个分页模式的功能，设置

webView.scrollView.pagingEnabled = YES；

即可。这样设置的话，你的webview可以按分页滚动，滚动的距离（页宽）就是按照scrollView的size来设定。如果你要自己定义滚动页面大小的话可以通过设置scrollView的size去改变。例如我的项目中就要设置成984，而不是1024（for ipad）。我就设置如下：

self.webView.scrollView.frame = CGRectMake(0, 0, 984, 748);//for 横屏

还有要设置：

webView.scrollView.clipsToBounds = NO; //这样超出范围scrollView.frame 也会显示，即整个webView还是会正常显示。

这样就搞定了。

如果你重新设置的scrollView变小了，那响应的响应就变小了，如果有需要的话就重写UIScrollView所在的parentView的hittest事件，在其他区域的事件返回值为UIScrollView对象，这样用户感觉整个屏幕都是UIScrollView在响应了。

此外，scrollView的contentOffset属性也蛮重要的，它表示当前scrollView的原点到content View的位移，可以当做分页里面的地位点，页码数来使用。

contentSize就是可滚动的最大区域了，这个可以表示总页数。

上面的方法应该够用了，如果有更特殊的需要，就把分页功能关闭，自己在各种动作响应事件里面设置contentOffset也可以实现分页，但要达到官方的那种效果的话动作需要处理得很协调，课设置加速、减速的速率之类的。

iOS：UIWebView scrollView 的分页滑动问题相关推荐

ios7中使用scrollview来横向滑动图片，自动产生偏移竖向的偏移问题
ios7中使用scrollview来横向滑动图片,自动产生偏移竖向的偏移问题如图红色为scrollview的背景色,在scrollview上加了图片之后,总会有向下的偏移设置contentO ...
ios 带scrollView的控制器，双击“状态栏”，返回scrollView的顶部
ios 带scrollView的控制器,双击"状态栏",返回scrollView的顶部自动存在的属性,如果没有过分的自定义一般都好使. 转载于:https://www.cnbl ...
android webview ios uiwebview和wkwebview的交互以及本地缓存
android webview js调用java的方式 1.java通过注解@JavascriptInterface导出方法, js通过window.别名.方法名调用方法 2.拦截url方式,通过sh ...
Android之如何解决ScrollView 和ListView滑动冲突的问题如何解决ScrollView can host only one direct child
android 采用ScrollView布局时出现异常:ScrollView can host only one direct child. 解决办法:主要是ScrollView内部只能有一个子元素, ...
iOS中的UIScrollView（滑动视图）
2019独角兽企业重金招聘Python工程师标准>>> UIScrollView 可以滑动的视图 #import "ViewController.h"@inte ...
scrollview嵌套listview 滑动事件冲突的解决方法
scrollview嵌套listview 滑动事件冲突的解决方法参考文章: (1)scrollview嵌套listview 滑动事件冲突的解决方法 (2)https://www.cnblogs.co ...
微信小程序iOS系统上echarts不能滑动的问题
在微信小程序中使用echarts插件的时候,遇到了一个问题:当系统是iOS时,如果手指先是长按图表,然后页面会无法滑动,其中南丁格尔玫瑰图尤其明显.作为一个微信小程序的新手开发,这个问题属实难倒我了. ...
Android取消RecyclerView、ListView、ScrollView、HorizontalScrollView滑动到边缘闪现灰白色水波纹动画
Android取消RecyclerView.ListView.ScrollView.HorizontalScrollView滑动到边缘闪现灰白色水波纹动画标准的Android RecyclerVie ...
Cocos2dx中Scrollview控件滑动与其子控件监听冲突的解决方案(不改底层、最优)
语言环境: Cocos2dx 3.6 Lua 5.1 UI编辑器:Cocos Studio v2.0.6 问题:Scrollview控件滑动与其子控件监听发生冲突. 在点击子控件时,若在子控件上进行移 ...

iOS：UIWebView scrollView 的分页滑动问题

iOS：UIWebView scrollView 的分页滑动问题相关推荐

最新文章

热门文章