0

ここに私のウェブサイトがあります: violetoeuvre.com

私がやりたいのは、ページに複数の垂直スクロールと水平スクロールを配置することです。これはJqueryでやるべきだと思います。

垂直: 上部の書き込みリンクをクリックすると、サイド バーの書き込みセクションがページの上部に来るように下にスクロールされます。

上部の連絡先リンク – 同じこと (これに慣れたら、サイドバーの要素の両側に上下の矢印を追加して、次/前の要素に上下にスクロールします。)

水平: サイドバーの書き込みセクションで、デッドスピン、ゴーカー、千枚通しのリンクをクリックすると、書き込みボックス内のコンテンツにスクロールするようにします。これにはoverflow:hidden要素がどこかにあると思いますか？このボックス内での垂直スクロールの方が簡単であれば、それも問題ありません。

役立つと思われるこの優れたサイトを見つけました。

http://demos.flesler.com/jquery/scrollTo/

相対位置と相対セレクターは有望に見えます。

各ボタンを、ページの別の部分にスクロールできるリンクにすることを推測しています。

したがって、このクラスセレクター (上部の連絡先ナビゲーションバー) を使用します。たとえば、次のようになります。

.nav_box_r {
    display: block;
    float:left;
    width:219px;
    text-align: left;
    padding-right: 40px;
    padding-top: 169px;
    margin-top: 0;
}

ページの一番下までスクロールして連絡先情報にアクセスするためのリンクとして、

$(...).scrollTo( 0, 800, {queue:true} );

(二次的な質問: すべての statis 要素をやり直して位置を固定する必要がありますか?)

私はこれに慣れていないので、具体性を高く評価します。(スクリプトは頭に入るか、相対的または固定位置へのスクロールアップ/ダウンか、など)

ありがとうございました！

4

2 に答える 2

0

Balupton の ScrollTo プラグインを見てください。簡単かもしれません + セットアップ方法を示すデモがあります。

Github で zip をダウンロード

于 2013-03-27T15:45:41.153 に答える
0

これがお役に立てば幸いです。href を使用して、Web サイト内の div にジャンプできます。

<a href="#some_div">Link</a>

こちらのページも参考になります。 jqueryを使用してページの特定の場所にスクロールするにはどうすればよいですか?

このコードを試してください

$(".yourclass").click(関数() {

   $(this).animate({ scrollTop: $('#title1').offset().top }, 1000);

});

于 2013-03-27T15:06:45.053 に答える