0

http://demos.flesler.com/jquery/scrollTo/からローカルスクロールを使用しています

今私の問題は、新しいhtmlページに移動する必要があることです。test.html#section2 を使用してみましたが、ローカルでしかスクロールしません。私が間違っていることを教えてもらえますか

<script>
 $(document).ready(function() {
$('#nav, #footer-nav').onePageNav({
    begin: function() {
    console.log('start')
    },
    end: function() {
    console.log('stop')
    },
    changeHash: true
  });
  });
 </script>

ここに画像の説明を入力

これは私のウェブサイトhttp://www.spheretekk.com/indus/ です。フッター セクションに移動して、新しいページを開き、指定された ID にジャンプすると言ったスクリーンショットを参照してください。

ここでなんとかフィドルを作成しました
http://jsfiddle.net/U8v2y/

4

1 に答える 1

1

JavaScript関数を使用してスクロールできます

ドキュメント準備完了関数では、要素IDを取得します

$(document).ready(function() {
   var hash = window.location.hash;
   scrollme(hash);
);

これらの関数をスクリプトに追加します

function scrollme(id)
{
     var scrollElem = scrollableElement('html', 'body');
     var targetOffset = $(id).offset().top;
      $(scrollElem).animate({scrollTop: targetOffset-100}, 1000, function() {

          });
}
function scrollableElement(els)
{
    for (var i = 0, argLength = arguments.length; i <argLength; i++) {
      var el = arguments[i],
          $scrollElement = $(el);
      if ($scrollElement.scrollTop()> 0) {
        return el;
      } else {
        $scrollElement.scrollTop(1);
        var isScrollable = $scrollElement.scrollTop()> 0;
        $scrollElement.scrollTop(0);
        if (isScrollable) {
          return el;
        }
      }
    }
    return [];
}
于 2013-09-17T13:07:13.540 に答える