页面局部滚动(scroll)实现方式

本文介绍了在移动端开发中如何实现页面局部滚动,包括禁用浏览器滑动、使用touchscroll.js库以及编写H5代码来创建可滚动的div。通过示例代码详细展示了如何设置样式和事件监听以实现自适应滚动效果。
摘要由CSDN通过智能技术生成
移动端(手机)开发,页面局部滑动实现方式

       移动端开发,做到手机自适应是一个非常困难的事情。特别是当页面中文字长度不固定时,会导致文字太长超出外部div,或者超出屏幕的问题。此时,需要将文字部分设置为可滚动(scroll)。这样可以做到手机适应。

          第一:在做移动端开发的时候,页面需要一屏显示的时候。要禁用浏览器滑动功能(特别是在微信公众平台开发时)。

$("body").on("touchmove mousemove",function(e){e.preventDefault();});

          第二:禁用掉浏览器的滑动功能时,就需要自己写一个滑动功能。幸运的时,已经有人替咱们写好了。网上可查找tou
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值