锚滚动不工作

Question

我在页面顶部有一个按钮：(Button-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>

在此当前设置中，单击 Button-B 时，单击 Button-A automatically.However 因为 Button-B 位于中间而 Button-A 不可见，当 Button- B 被点击，用户不知道 Button-A 被点击，除非他们手动滚动到顶部。

我尝试添加一个锚点，以便在单击按钮 B 时，页面滚动到顶部，用户可以看到按钮 A 被自动单击。

但是在我的测试中，由于 javascript，锚标记不起作用。我该怎么做才能让点击 Button-B 时，页面滚动到顶部，而 Button-A 仍然自动点击？

谢谢

Answer 1

试试这个手动滚动到元素 A 的代码，而不是触发该元素的点击事件。

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

锚滚动不工作

Anchor Scroll not working

anchor