1

次の問題があります。

ボタンがあります：

<div id="meerinfotoestel">
   <a id="scroll-to-meerinfo" href="#meerinfo">
      Meerinfo
   </a>
</div>

そして、次の名前でいくつかのタブをセットアップしました。

.woocommerce-tabs

今、私は画面をタブにスクロールさせたいと思っています.onclick.

次のスクリプトがあります。

<script>
$(document).ready(function () {  
    $('#scroll-to-meerinfo').click(function(event){
    event.preventDefault();
    scrollToElement('.woocommerce-tabs');
});
</script>

どうやらこれが行う唯一のことは、URLの後にアンカーを置くことです。

誰でもこれを修正するのを手伝ってもらえますか?

4

2 に答える 2

1

これを参照してください: サンプル

$(document).ready(function () {
  $('#scroll-to-meerinfo').click(function (event) {
    event.preventDefault();
    scrollToElement($('.woocommerce-tabs'));
  });

  function scrollToElement(elem) {
    $('body').animate({
        scrollTop: elem.offset().top
    }, 2000);
  }
});
于 2013-03-12T12:51:08.207 に答える
0

これを試して：

$(document).ready(function () {  
    $('#scroll-to-meerinfo').click(function(event){
      event.preventDefault();
      $('#woocommerce-tabs').scrollIntoView(true);
      // let your tab id is woocommerce-tabs
    });
});

scrollIntoView の構文

element.scrollIntoView(alignWithTop);

ドキュメントを読むhttps://developer.mozilla.org/en-US/docs/DOM/element.scrollIntoView

于 2013-03-12T12:49:41.387 に答える