0

Web サイトにスムーズ スクロールを実装しようとしていますが、JavaScript に詳しくないため、利用可能な jquery プラグインを使用できませんでした。この点に関するヘルプは役に立ちます。関連するコードは次のとおりです。

<div class="container-fluid" id="navigation">
    <div class="row-fluid">
        <div class="span2 ">
            <div class=" sidebar-nav sidebar-nav-fixed">
                <h4><a href="#about"  class="nav1 transition">About</a></h4>
                <h4><a href="#ourservices"  class="nav2 transition">Our Services</a></h4>
                <h4><a href="#awards"  class="nav3 transition">Awards</a></h4>
            </div>
        </div>

        <div class = "span10" style="margin-top:30px">
            <div class="hero-unit " >                                
                <div id="about" >
                    <h1 >About </h1>                                
                    <hr>
                    <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
                </div>
                <div id="ourservices" >
                    <h1 >Our Services</h1>                                
                    <hr>
                    <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
                <div id="awards" >
                    <h1 >Awards</h1>                                
                    <hr>
                    <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
            </div>
        </div>
    </div>
</div>

私の意図は、「について」セクションに表示することです...そして、ユーザーがサービスをクリックすると...ヒーローユニットが「サービス」セクションにスクロールします。私はJavaScriptにあまり精通していないので、詳細な回答をいただければ幸いです。どうもありがとう。

4

1 に答える 1

0

jqueryのiscrollプラグインが使えます...

私はこれを5月のモバイルWebサイトで使用しました：スムーズスクロール

年の選択ページに移動します。スムーズなスクロールの実装があります。

于 2013-07-10T07:00:16.793 に答える