htmlとjavascriptの問題（滑らかなスクロール）

Question

私のウェブサイトに滑らかなスクロールを追加しようとしました。このウェブサイトからjavascriptとjqueryをコピーした後：http://www.dwuser.com/education/content/quick-guide-adding-smooth-scrolling-to-your-webpages/滑らかなスクロールのタグを追加しました。スムーズなスクロールは、ナビゲーションバー上の1つのボタンを除くすべてのものに対して機能します。これはコードです

<nav id="nav"> 
    <div class="navbar"> 
    <div class="brand"><a href="#" class="smoothScroll">hbvhaf</a></div> 
    <ul> 
     <li><a href="#welcome" class="smoothScroll"><span>about</span></a></li> 
     <li><a href="#hotelinfo" class="smoothScroll"><span>bvdsvudva</span></a></li> 
     <li><a href="#dining" class="smoothScroll"><span>contact</span></a></li> 

    </ul> 
    </div><!-- navbar --> 
</nav> 

スクロールをスムーズにしないボタンは、「ブランド」のdivクラスを持つものです。 divは、CSSの中でそのボタンを特別にスタイルするために使用されます。何か案は。

Answer 1

私は、これはハックのビットですが、なぜあなただ​​けのページの先頭にこれを追加しないことを知っている：そして

<div name="top"></div> 

とするようにコードを変更します。

<nav id="nav"> 
    <div class="navbar"> 
    <div class="brand"><a href="#top" class="smoothScroll">hbvhaf</a></div> 
    <ul> 
     <li><a href="#welcome" class="smoothScroll"><span>about</span></a></li> 
     <li><a href="#hotelinfo" class="smoothScroll"><span>bvdsvudva</span></a></li> 
     <li><a href="#dining" class="smoothScroll"><span>contact</span></a></li> 

    </ul> 
    </div><!-- navbar --> 
</nav> 

正常に動作し、著者のための

編集し、それの例：

<div name="top">I am the top of the page.</div> 
<a href="#contact" class="smoothScroll">Go To Contact Form</a> 

<div style="height:200%"></div> 

<div name="contact">contact</div> 
<a href="#top" class="smoothScroll">Back to top</a> 

<div style="height:200%"></div> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="smoothscroll.js"></script>