2015-08-26 56 views
5

我不確定發生了什麼。我有兩個頁腳。一個頁腳是一個側欄,另一個頁腳是頁面底部的常規頁腳。我的底部頁腳中的錨定標記鏈接到我的關於頁面,將我帶到頁面的底部,而不是從頂部開始,我的側邊欄頁腳中的錨定標記將我帶到頁面的中間位置!其他鏈接鏈接也將我加載到頁面的中間或隨機部分。我的錨鏈接不會從頁面頂部開始

我沒有使用什麼特別的錨。我不認爲......

這裏是我的兩個註腳主播:

<a href="/about" class="a-color"> 
    <small>About</small> 
</a> 

我的頁面加載了NG-視圖。我是不是使用$anchorScroll

+0

@PankajParkar你是什麼意思得到該div顯示?當我做href =「#about」時,它會將我帶到www.mybusiness.com/#about。當頁面無法加載時, –

+0

對不起,我錯過了這個問題..我以爲你想要$ anchorScroll ..你可以添加路由配置代碼嗎? –

+0

哦,好的,不,我沒有使用$ anchorScroll –

回答

0

使用此代碼。在窗口加載時,它總是需要頁面頂部。

$(window).load(function(){ 
     if (location.hash) { 
      setTimeout(function() { 
      window.scrollTo(0, 0); 
      }, 1); 
     } 
}); 
0

表面上看,您的瀏覽器有問題。
1.你面對的是哪個瀏覽器?
2.你試過其他瀏覽器嗎?
3.這段代碼在任何其他機器上運行良好嗎?
4.您是否清除緩存/ Cookie並重試?

解決方法:
絕對不是完美的解決方案,但作爲一種變通方法,嘗試下面的代碼,看看這是否爲你:

<a href="/about#top" class="a-color"> 
    <small>About</small> 
</a> 
0

按我的理解,你不想頁在用戶點擊您網頁上的任何鏈接後重新加載,您只希望某些區域應該刷新對嗎?

在這種情況下,您可以使用模板,根據狀態配置路由並單擊鏈接,您可以通過$ state.go更改模板。

1

當您從一個頁面導航到另一個頁面時,ngView會保留滾動位置。一旦視圖然後裝可以用$ anchorScroll到視口更改或可以添加到autoscroll="true" NG-view元素

<div class="ng-view" autoscroll="true"></div> 
相關問題