Question

我正在使用带有css的图片库/滑块，因为id的页面跳转到图像所在的位置。防爆。 http://www.respasalon.com/blog-test.php

<div id="image-slider">
<div id="slide-frame">
<img src="img/reverseclock.jpg" alt="" />
<div id="slides">
  <img id="slide1" src="img/reverseclock.jpg" alt="" />
  <img id="slide2" src="img/reverseclock2.jpg" alt="" />
  <img id="slide3" src="img/reverseclock3.jpg" alt="" />

</div>
</div>
<div id="navigation">
<a href="#slide1">1</a>
<a href="#slide2">2</a>
<a href="#slide3">3</a>
</div>
</div>

Answer 1

$(function(){
   $('#navigation a').click(function (evt) {
      evt.preventDefault();
      var contentId = $(this).attr('href');
      var content = $(document).find(contentId);
  $('html,body').animate({
    scrollTop: ($(content).offset().top},
  'slow');
}):

这将顺利滚动到href中的div提示。

Answer 2

$(function(){
   $('#navigation a').click(function (evt) {
      // Put your logic here
      evt.preventDefault();
  })
});

单击锚点时阻止滚动/跳转

2 个答案: