Jquery 偏移量（）。顶部-（某物）重复

我正在尝试使用引导动态打开一个选项卡，同时平滑地向下滚动到它。我有它的大部分功能，除了offset（）。我使用的top-280每次触摸屏幕都会使屏幕向上移动280px。我想滚动到第一个按钮上的div，然后，单击其他句柄时保持不变

提前谢谢

以下是HTML：

<ul id="tabs" class="join-options" data-tabs="tabs">
 <li><a href="#donate" data-toggle="tab">Donate</a></li>
 <li><a href="#join-new" data-toggle="tab">Join</a></li>
 <li><a href="#renew" data-toggle="tab">Renew</a></li>
</ul>

那些是把手。现在，内容如下：

<div id="my-tab-content" class="tab-content">
  <div class="tab-pane active" id="donate">
    <h1>Donate</h1>
<p>donate donate donate donate donate donate</p>
  </div>
  <div class="tab-pane" id="join-new">
    <h1>Join</h1>
<p>join join join join join</p>
  </div>
  <div class="tab-pane" id="renew">
<h1>Renew</h1>
<p>renew renew renew renew renew</p>
  </div>
</div>

捐赠
捐赠捐赠

参加
加入

更新
续订续订续订

现在是Javascript：

<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('#tabs').tab();
        $('.join-options a').bind('click', function(event) {
            var $anchor = $(this);
            $('html, body').stop().animate({
                scrollTop: ($($anchor.attr('href')).offset().top-280)
            }, 1500, 'easeInOutExpo');
            event.preventDefault();
        });
    });     
</script>

jQuery（文档）.ready（函数（$）{
$（“#制表符”）.tab（）；
$（'.join options a'）.bind（'click'，函数（事件）{
var$anchor=$（此）；
$（'html，body'）.stop（）.animate({
scrollTop:（$（$anchor.attr（'href'））.offset（）.top-280）
}，1500年，“easeInOutExpo”）；
event.preventDefault（）；
});
});     

我不确定我是否理解，但您可以在页面第一次滚动时设置一个变量，然后在后续单击时删除滚动，等等

jQuery(document).ready(function ($) {
    var touched = false;

    $('#tabs').tab();

    $('.join-options a').on('click', function(event) {
        event.preventDefault();

        if (!touched) {

            var $anchor = $(this);

            $('html, body').stop().animate({
                scrollTop: ($($anchor.attr('href')).offset().top-280)
            }, 1500, 'easeInOutExpo');

        }
        touched = true;
    });
});     

太棒了——我想用if语句，但我完全是个js新手。谢谢