求高手,怎么实现用JQJS 手机屏幕左右滑动的功能

求高手,怎么实现用JQJS 手机屏幕左右滑动的功能,第1张

调用方法如下:

touchs._left(object)//往左滑动

touchs._right(object)//往右滑动

touchs._top(object)//往上滑动

touchs._bottom(object)//往下滑动

说明:object的取值可以是一个id("#id")表达式,或者是一个样式表达式(".class"),或者标签的属性表达式("div[id=id]")等,只要可以用jqurey通过这个表达式获取到dom对象,这个表达式怎么写都可以。

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一个模块,并设置其id为mycss。

3、在css标签内,定义div的样式,设置其宽度为100px,高度为2000px,背景颜色为粉红色。

4、在js标签内,使用scroll()方法监听页面的滚动条,并执行function方法。

5、在function方法内,使用if语句判断,当前滚动的位置(scrollTop())是否到达页面的底部($(document).height()-$(window).height()),如果到达页面底部,提示“已经到底部了”。

jQuery监听鼠标滚轮(滚动)事件

第一步:下载jquery-mousewheel插件

第二步:复制以下代码做测试,打开日志看效果

jQuery(function($) {

$('#nav')

.bind('mousewheel', function(event, delta) {

var dir = delta >0 ? 'Up' : 'Down'

if (dir == 'Up') {

console.log(“向上滚动, www.imiansha.com”)

} else {

console.log(“向下滚动, http: //blog.csdn.net/u011627980”)

}

return false

})

})

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11751069.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存