在代码里面写了一个回到顶部的方法,电脑测试 和安卓手机测试完全没问题,在苹果手机上面就会出现点击不会跳转到顶部,反而会向下移一点点;
代码如下(js添加节点并添加点击事件):
js:
if ($('#mkFixedTools').length > 0) {
$("<div class='tool-toTop hide'></div>").appendTo('#mkFixedTools');
} else {
$("<div class='tool-toTop hide'></div>").prependTo("body");
}
$("body").on("click", ".tool-toTop", function() {
$('html,body').animate({
scrollTop : '0px'
}, 500);
return false;
});
$(window).scroll(function() {
var h = (document.documentElement.clientHeight || document.body.clientHeight) * 2.5;
if ($(document).scrollTop() >= h) {
$(".tool-toTop").removeClass('hide');
} else {
$(".tool-toTop").addClass('hide');
}
});
css:
.mkFixedTools {
position: fixed;
bott

本文介绍了在H5页面中遇到的苹果手机(iOS)不兼容普通点击事件的问题,详细描述了在苹果手机上点击返回顶部功能失效,导致页面微小下移的异常现象。通过在CSS中为元素添加`cursor: pointer;`属性,成功解决了这个问题。
最低0.47元/天 解锁文章
1万+

被折叠的 条评论
为什么被折叠?



