4

ナビゲーションにアンカーhtmlを含むブートストラップを使用してレスポンシブWebサイトを作成しています。私のナビゲーションバーにはロゴがあり、ユーザーがそれをクリックすると、サイトが一番上にスクロールします。そして、すべてがデスクトップで動作します。しかし、Safariを搭載したiPadでは、ロゴをクリックして一番上までスクロールすると、これは一度しか機能しません。その後、アンカーバグのある私のナビゲーションバー。

それをどのように修正しますか？

私のコードは次のとおりです。

$(document).ready(function(){
$('.brand').bind('click',function(){
    $('html,body').animate({scrollTop: 0}, 'normal');
});
});
4

2 に答える 2

0

アップデート

"on" bind メソッドを試す

Jquery 1.7以降では、バインドではなく「on」メソッドを使用する方が良い方法です。

$(document).ready(function()
{
$(".brand").on("click", function ()
 { 
  $('body').animate({scrollTop: 0}, 'normal');
alert('image is clicked')
 });

});

ありがとうAB

于 2013-07-11T07:41:46.920 に答える
0

同じ問題がありました。モバイル Safari は本文をスクロールせず、ビューポートを移動するため、div をスクロールする必要があることをどこかでお読みください。

jQuery を使用している場合は、scrollTo プラグインまたはハードウェア アクセラレータのvelocity.jsを使用するだけで、うまくいきました。速度では、スクロールされた要素が非静的位置 (つまり、相対、絶対、固定) を持つ必要があることに注意してください。

于 2014-09-14T02:06:07.777 に答える