如何防止jQuery返回顶部按钮需要双击手机

时间:2016-06-08 15:08:58

标签: javascript jquery html css mobile

我正在使用一个返回顶部按钮,当用户在我正在开发的WordPress网站上向下滚动页面300px时出现,并且在我的手机上,它让我双击以使滚动工作。我想知道是否有办法调整这个,所以按钮在第一次点击时触发。

以下是测试网站网址:http://tippingpointphoto.flywheelsites.com/

这是我正在使用的代码:

HTML

checksum = (checksum << 31) | ((checksum >> 1) + (unsigned char) data[i]);

CSS

<a href="#" class="topbutton">Back to Top</a>

的jQuery

.topbutton {
font-family:$noto-sans;
font-size:14px;
text-align:center;
color:$white;
height:65px;
width:75px;
padding:.5em;
position:fixed;
right:5px;
bottom:5px;
z-index:1;
text-decoration:none;
background:$button-gray;
display:none;

&:hover{
  background:$blue;
  color: $white;
}
}

1 个答案:

答案 0 :(得分:0)

我最近遇到了一个类似的问题,即尝试通过一次点击即可在移动设备上复制悬停操作。尝试将其中一行(或两者)添加到.ready函数中:

$('body').bind('touchstart', function() {});
// and/or
document.addEventListener("touchstart", function(){}, true);