单击id后调整div的Y位置

时间:2015-01-26 13:41:34

标签: jquery html

我有一个与标签一起使用的网站。单击链接后,会将其发送到另一个引用其ID的选项卡。但是我想在点击id之后调整位置y。有人可以帮帮我吗?

<script type="text/javascript">
    $(".speaker").click(function() {
      $('.tab-last')[0].click();
      window.scrollBy(0, 100);
    });
</script>

1 个答案:

答案 0 :(得分:0)

我假设您要在单击或触发选项卡上的单击后定位窗口以使选项卡位于页面顶部。如果是这样的话:

$('.speaker').on('click', (function() {//Use $.on for bindings these days
  var $tabLast = $('.tab-last').eq(0);

  $tabLast.click();

  //Scroll the window to the element you want to be at the top
  //20 gives you a little padding, can change this
  $('html, body').css('scrollTop', ($tabLast.offset().top - 20));
});

或者,如果你想要动画,那么在动画完成后,窗口会滚动并关注元素:

$('.speaker').on('click', (function() {//Use $.on for bindings these days
  var $tabLast = $('.tab-last').eq(0);

  $tabLast.click();

  //Scroll the window to the element you want to be at the top
  $('html, body').animate({
        scrollTop: ($tabLast.offset().top - 20)
    }, 
    500,
    function() {
        $tabLast.eq(0).focus();
    });
});