如果我猜的没错,是全网(哈哈)比较少的成功解决方案,如需要转载,请声明并转载出处。

swiper实现了上下滑动翻页,但是有几个页面的内容显示不完。如果一页显示不完时可以滑动查看,应该怎么做?
这个是我多次查找资料,发现关于这块的内容真正起作用的很少。 直接贴代码:
//控制页面滚动
var startScroll, touchStart, touchCurrent;
swiper.slides.on('touchstart', function(e) {
startScroll = this.scrollTop;
touchStart = e.targetTouches[0].pageY;
}, true);
swiper.slides.on('touchmove', function(e) {
touchCurrent = e.targetTouches[0].pageY;
var touchesDiff = touchCurrent - touchStart;
var slide = this;
var onlyScrolling =
(slide.scrollHeight > slide.offsetHeight) && //allow only when slide is scrollable
(
(touchesDiff < 0 && startScroll === 0) || //start from top edge to scroll bottom
(touchesDiff > 0 && startScroll === (slide.scrollHeight - slide.offsetHeight)) || //start from bottom edge to scroll top
(startScroll > 0 && startScroll < (slide.scrollHeight - slide.offsetHeight)) //start from the middle
);
if (onlyScrolling) {
e.stopPropagation();
}
}, true);
 

最新文章

  1. vue自定义指令
  2. RequireJS入门之一——实现第一个例子
  3. ORACLE -- ArcSDE Lock request conflicts with an established lock【转】
  4. Web应用程序系统的多用户权限控制设计及实现-权限模块【10】
  5. android122 zhihuibeijing 新闻中心NewsCenterPager加载网络数据实现
  6. QTP自传之对象库编程
  7. sqlserver中Profiler的使用
  8. 【转】彻底解决INSTALL_FAILED_UPDATE_INCOMPATIBLE的安装错误
  9. 【转】25个Git用法技巧
  10. POJ 1743 不可重叠的最长重复子串
  11. linkin大话数据结构--字符串,数组,list之间的互转
  12. [matlab] 19.matlab 基础几何学
  13. Spring知识结构
  14. javascript中的类型转换(进制转换|位运算)
  15. top k问题
  16. windows 命令行使用p4
  17. Spring-bean的作用域
  18. yaf路由配置规则
  19. SpinBlur - 旋转模糊
  20. linux上使用J-Link调试S3C2440裸机代码

热门文章

  1. gradle打成jar包报错 "错误: 找不到或无法加载主类 App"(已经配置过主类)
  2. 74HC AHCT LS LV ABT区别
  3. 用processing画李萨如曲线
  4. 04、python的基础--&gt;列表跟元组
  5. 第六周实验总结&amp;学习总结
  6. 25-python基础-python3-集合(set)常用操作
  7. App加载主要流程
  8. ionic3 多级联动城市选择插件 ion-multi-picker
  9. 牛客练习赛48 C,D,E
  10. winform中动态生成多行label,同时添加滚动条