html和javascript問題（平滑滾動）

Question

我嘗試在我的網站上添加平滑滾動。從本網站複製javascript和jquery後：http://www.dwuser.com/education/content/quick-guide-adding-smooth-scrolling-to-your-webpages/我添加了用於平滑滾動的標籤。除了導航欄上的一個按鈕外，平滑滾動功能適用於所有應用程序。這是代碼：

<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>