0

我使用了 jquery 平滑滚动效果，没什么花哨的……只是 jQuery……它似乎不适用于 iPad 或 iPhone 或任何其他平板电脑……网址在这里：http ://teothemes.com/wp/viewpoint /

这是我用于 jquery 平滑滚动的代码：

jQuery(document).ready(function() {
jQuery("a[href*=#]").on('click', function() {
  if(parseInt(jQuery(this.hash).offset().top) !== parseInt(jQuery(window).scrollTop()))
    jQuery('html,body').animate({scrollTop:jQuery(this.hash).offset().top}, 1500);
});

});

如果有人有任何想法，将不胜感激。

4

3 回答 3

0

我读过这是一个 iOS 6.1 问题，它似乎没有在 iOS 7 的最早版本中得到修复。实际上并没有一个可靠且简单的解决方案，所以作为一种解决方法，我在使用Gentle Anchors时检测到 iPhone 和 iPod，如果我发现其他设备需要它，我会更新这篇文章。

    $('html, body').stop().animate({
        'scrollTop': $target.offset().top }, 1000);
    if( /iPhone|iPod/i.test(navigator.userAgent) ) {
        Gentle_Anchors.Setup(target);
        //for iPhone & iPod 
    }

不幸的是，除非我告诉页面在检测到其中一个设备时将视口设置为等于 iPhone 的纵向宽度，否则我会看到一些口吃<head>。

于 2013-06-19T14:07:30.193 回答
0 

$(document).ready(function() {

    $('.nav-wrapper ul li a').click(function(e) { 
    $('html,body').animate({ scrollTop: jQuery(this.hash).offset().top-134}, 500);
});

于 2015-01-21T12:12:59.080 回答
0

您是否尝试过 CSS 属性 -webkit-overflow-scrolling:touch;？

于 2012-09-02T12:02:06.123 回答