`
用牛奶把自己灌醉
  • 浏览: 12956 次
社区版块
存档分类
最新评论

解决在某些型号华为手机上用JS加载的平滑图不能滑动的问题

 
阅读更多
今天解决了一个Js的问题。心情倍儿爽,特此纪念下
具体是: 在Android手机上(某些华为的型号)用js加载的轮播图不能左右滑动。
解决方案:
对需要左右平滑的图片添加以下代码:
$('.bigPic .spic').on('touchstart',function(){
       document.addEventListener('touchmove', handleMouseMove true);
});
function handleMouseMove(event){
       event.preventDefault();//关键在这
}

其中'.bigPic .spic'为加载轮播图的类。
1
1
分享到:
评论

相关推荐

    百度地图加载海量marker卡顿问题

    在开发基于地图的应用时,尤其是使用百度地图API时,可能会遇到一个常见的问题——当需要在地图上显示大量标记(marker)时,地图加载会变得卡顿,用户体验显著下降。这个问题通常由于JavaScript处理大量DOM元素导致...

    幻灯片华为官网首页

    在华为官网的案例中,幻灯片可能用来宣传新推出的智能手机、企业解决方案或者最新的技术突破。\n\n幻灯片的设计要素包括但不限于以下几个方面:\n\n1. 图片质量:高清、高分辨率的图片能给用户带来更好的视觉体验,...

    华为商城主页面/html/web前端

    在高质量的网页设计中,这些细节至关重要,例如:确保网站在不同设备和浏览器上都能正常显示,提供清晰的导航,以及优化加载速度等。 【标签】"项目"暗示这是一个实际操作的练习或者案例,可能包含了一个完整的网页...

    全屏图片滚动特效

    可以通过媒体查询(`media queries`)来调整图片的大小和布局,使其在手机、平板和桌面电脑上都能良好显示。 5. **优化性能**:对于大型图片,预加载策略可以提高用户体验。预加载可以使用JavaScript或CSS `...

    鸿蒙api11 下拉刷新和加载更多demo

    在这个特定的demo中,我们可能会看到如何利用JS Kit中的组件和事件处理来实现下拉刷新和上拉加载。 下拉刷新(Pull-to-Refresh)通常用于列表视图中,当用户向下拉动屏幕到顶部时,会触发一个刷新操作,更新列表中...

    商城图片放大镜效果源码

    6. **响应式设计**:适应不同设备和屏幕尺寸,确保在手机、平板和电脑上都能良好显示。 7. **CSS3动画**:利用CSS3的transition和animation属性,使放大效果更流畅。 8. **触摸支持**:针对触屏设备优化,用户可以...

    多种网页导航菜单

    在这些导航菜单中,jQuery被用来实现动态效果,如下拉菜单、滑动展开和折叠、平滑滚动等,使菜单操作更加流畅和互动。 2. **JavaScript**:JavaScript 是一种轻量级的解释型编程语言,常用于网页和网络应用开发。在...

Global site tag (gtag.js) - Google Analytics