Question

我在页面顶部有一个按钮:(按钮-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。但是，由于Button-B位于中间且Button-A不可见，因此单击Button-B时，用户不知道单击Button-A，除非他们手动滚动到顶部。

我尝试添加一个锚点，这样当点击按钮-B时，页面会滚动到顶部，用户可以看到自动点击了按钮-A。

然而，在我的测试中，由于javascript，锚标签无效。我可以做什么，当点击Button-B时，页面会滚动到顶部，而按钮A仍会自动点击？

由于

Answer 1

尝试使用此代码手动滚动到元素A，而不是触发该元素的click事件。

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

锚点滚动不起作用

1 个答案: