codecamp

jQuery Mobile 滚屏事件

jQuery Mobile 滚屏事件

jQuery Mobile提供了滚屏事件来滚动屏幕。

jQuery Mobile 提供了两种滚屏事件：滚屏开始时触发和滚动结束时触发。

jQuery Mobile 滚屏开始（Scrollstart）

scrollstart 事件是在用户开始滚动页面时触发：

实例

$(document).on("scrollstart",function(){
alert("Started scrolling!");
});

尝试一下 »

	注意：iOS 设备在滚屏时锁定 DOM 操作，这意味着当用户滚屏时不可能改变任何东西。然而，jQuery 团队正在为此寻找解决方案。

jQuery Mobile 滚屏结束（Scrollstop）

scrollstop 事件是在用户停止滚动页面时触发：

实例

$(document).on("scrollstop",function(){
alert("Stopped scrolling!");
});

尝试一下 »

在下一节的内容中，你将了解jQuery Mobile方向改变事件！

温馨提示

下载编程狮App，免费阅读超1000+编程语言教程

取消

确定

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }