2015-04-28 98 views
1

我在頁面頂部的按鈕(按鈕-A)錨滾動不工作

<div class="menu-btn-right loginandadd" > 
    <a href="#" id="A" class="some_class" title="something"</a> 
</div> 

然後,我有過專頁的其他按鈕一半(按鈕-A是不可見的了): (按鈕-B)

<a id="B"><img class="start1addproductbutton" src="#" alt="empty" width="1" height="1" /> 
</a> 

另外,我有以下腳本:

<script>// 
<![CDATA[ jQuery("#B").click(function(){ 
    jQuery("#A").trigger('click');    
     return false;  }); 
// ]]></script>     

在當前的設置,單擊該按鈕-B時,B utton-A會自動點擊。但是由於Button-B位於中間,而Button-A不可見,所以當單擊Button-B時,用戶不知道Button-A被單擊,除非他們手動滾動到最佳。

我試圖添加一個錨,以便當點擊按鈕B時,頁面滾動到頂部,用戶可以看到Button-A被自動點擊。

但在我的測試中,由於JavaScript,錨標記不起作用。 我能做些什麼,以便點擊Button-B時,頁面滾動到頂部並且Button-A仍然自動點擊?

由於

代替觸發該元素的點擊事件

回答

1

嘗試此代碼手動滾動到元件A,。

<script> 
jQuery("#B").click(function(){ 
    jQuery('html, body').animate({ 
     scrollTop: jQuery("#A").offset().top 
    }, 2000); 
    return false; 
}); 
</script>