javascript - HTML 链接到 anchor 而不更改 url

Question

我的页面顶部有一个链接到/#tabs 的按钮(索引 id="tabs")。它使用脚本很好地向下滚动到 id 但它将 url 更改为 www.domain.com/#tabs 我如何删除 #tabs 部分？我正在考虑在 .htaccess 中做这件事，但不确定这是否可行，而且这可能是个坏主意。

这是 html:

    <a class="smoothscroll" href="/#tabs">
      <div class="scroll-down"></div>
    </a>
  </header>

<br />
  <div id="tabs" style="padding:20px;"></div>

  <div class="tabs">
    <h1>About</h1>
    <div class="p">
      about us
      <a href="/contact"><input type="submit" value="Contact Us" class="btn" name="contact" style="min-width:15%;"/></a>
    </div>  
  </div>

---

<a class="smoothscroll" href="/#tabs">
      <div class="scroll-down"></div>
    </a>

是按钮部分，它使用这个脚本来平滑滚动

<script>
/*----------------------------------------------------*/
/* Quote Loop
------------------------------------------------------ */

function fade($ele) {
    $ele.fadeIn(1000).delay(3000).fadeOut(1000, function() {
        var $next = $(this).next('.quote');
        fade($next.length > 0 ? $next : $(this).parent().children().first());
   });
}
fade($('.quoteLoop > .quote').first());


/*----------------------------------------------------*/
/* Smooth Scrolling
------------------------------------------------------ */

jQuery(document).ready(function($) {

   $('.smoothscroll').on('click',function (e) {
      e.preventDefault();

      var target = this.hash,
      $target = $(target);

      $('html, body').stop().animate({
          'scrollTop': $target.offset().top
      }, 800, 'swing', function () {
          window.location.hash = target;
      });
  });

});


TweenMax.staggerFrom(".heading", 0.8, {opacity: 0, y: 20, delay: 0.2}, 0.4);
</script>

忘记脚本的顶部，那只是索引的一部分。

Answer 1

你也可以这样做:

在 html 中

<a href="" class="smoothscroll" onclick="functionforscroll('tabs')">
<div class="scroll-down"></div></a>

在 js 中

var functionforscroll = function(id){
    var reqId = "#"+id;
    window.scrollTo(0, $(reqId).offset().top-85);
}

这样你就可以在不改变url的情况下滚动到需要的位置