[英]jquery scroll issues on ipad
http://jqueryfordesigners.com/demo/scroll-link-nav.html
上面的链接或多或少是即时响应滚动位置的即时消息。
但是,如果在ipad上尝试执行此操作,则活动状态会停留在某些位置,并尝试通过轻按按钮进行纯粹的导航,第一次单击后它将停止滚动。
有人知道针对ipad问题的任何修复程序吗?
我有一个解决方案,可以在所有浏览器上进行滚动
$("nav ul li a").click(function(){
$(".selected").removeClass("selected");
$(this).addClass("selected");
var $scrollTo = $($(this).attr("href"));
$('html, body').animate({
scrollTop: $scrollTo.offset().top
}, 500);
});
另一个仅用于iPad的设备,我没有iPad,所以我个人无法对其进行测试,所以请让我知道它的运行情况
function isiPad() {
return navigator.userAgent.match(/iPad/i);
}
$("nav ul li a").click(function(){
$(".selected").removeClass("selected");
$(this).addClass("selected");
var $scrollTo = $($(this).attr("href"));
$(function() {
if ($(isiPad).length != 1) {
$('html, body').animate({
scrollTop: $scrollTo.offset().top
}, 500);
}
});
});
$("nav ul li a").click(function(){
$(".selected").removeClass("selected");
$(this).addClass("selected");
var $scrollTo = $($(this).attr("href"));
$(function() {
if ($(isiPad).length != 1) {
$('html, body').animate({
scrollTop: $.scrollTo.offset().top //point
}, 500);
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.