0

私のケースに本当に固有の答えは見つかりませんでした。これは一般的だと思います。jquery (または javascript) を使用して、web ページに scrollTo 効果を追加しようとしています。何も機能していないため、何が最も簡単な方法なのかまだわかりません。:(

私は単一の垂直ページを持っています。ナビゲーションは、各 div ラッパーの下部にあります。ボタン領域を div までスクロールしたいと思います。今のところ、Div にリンクするようにボタンのスタイルを設定しました。これで完璧ですが、アニメーションを追加する必要があります。

ここで私のテストページを見ることができます: my site

scrollTo を試しましたが、各ボタンが特定の div にリンクしています。プラグインを変更して機能させる方法がわかりません。

次善の策は、ウィンドウ内のすべてのリンクをアニメーション化する JavaScript を挿入することだと思いますか? そのコードがどこにあるか、または私の場合はそれを変更する方法が絶対にわかりません。

事前に感謝します。非常に活気のあるコミュニティと思われるソリューションからの解決策を楽しみにしています.

4

2 に答える 2

0

このようなものを試してみてください...

作業例: http://jsfiddle.net/BTncy/

$(document).ready(function(){
  $('a').click(function(){
    var ele_href= $(this).attr('href');
    $('html,body').animate({scrollTop: $('#' + ele_href).offset().top},'slow');
    return false;
  });
});
于 2011-03-24T04:57:17.243 に答える
0

（あなたの例から、onclickではなく、title属性にJavaScriptが含まれていることに注意してください。それが意図されているかどうかはわかりません）

これはプラグインを使用しませんが、jQuery を使用して次のような単純なことを行うことができます。

function scrollTo (element) {
    var target = $(element).offset();
    $('body').animate({scrollTop: target.top}, 'slow');
}

これにより、スクロールしたいものにセレクターを指定するだけで済み、次のように簡単になります。

<div id="more">
    <a onclick="scrollTo('#intro_2_container'); return false;" href="#into_2_container">
        <img src="images/more.png" border="0" />
    </a>
</div>

私の簡単なテストでは、うまくいくように見えました。（scrollTo呼び出しでターゲット要素のタイプミスを修正した後）

于 2011-03-24T04:58:55.640 に答える