如何停止两个按钮执行相同的工作?在这种情况下，它们都会滚动到顶部

Question

我的网站上有两个按钮，它们叠放在一起。一个用于打开模型，另一个用于滚动到顶部。

我有一段代码可以滚动到顶部，淡入淡出。然而，两个按钮似乎都滚动到了顶部，我不想这样。

我尝试过删除淡入、淡出、隐藏和显示部分。我如何编辑这段代码，只允许"返回页首"按钮滚动到页首，同时允许两个按钮在页首时淡出，在滚动页面时淡出。

$(document).ready(function(){
 $(window).scroll(function () {
        if ($(this).scrollTop() > 50) {
            $('#back-to-top').fadeIn();
            $('#poll').fadeIn();
        } else {
            $('#back-to-top').fadeOut();
            $('#poll').fadeOut();
        }
    });
    // scroll body to 0px on click
    $('#back-to-top').click(function () {
        $('#back-to-top').tooltip('hide');
        $('#poll').tooltip('hide');
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
    $('#back-to-top').tooltip('show');
    $('#poll').tooltip('show');
});

Answer 1

确保两个按钮具有不同的名称和id。

<button name="b1" id="id1">
<button name="b2" id="id2">

这通常将html与javascript区分开来。