jQuery到滚动区域中的'Jump Down'，带有按钮，而不是滚动条

5 回答

• 1

  这是我用jQuery实现滚动的方法

  Javascript

  $(document).ready(function(){
      $('a.scroll').click(function()
      {
          //$(this).attr('scrollTo') is ID of element where to scroll  
          var target_offset = $("#"+$(this).attr('scrollTo')).offset();
          var target_top = target_offset.top-20;
  
          $('html, body').animate({scrollTop:target_top}, 500);
  
          return false;
      });
  });
  

  你的链接应该是这样的

  <a scrollTo="id_where_to_scroll" href="#" title="Down" class="scroll">Down</a>
  

  你需要做的就是在按下时更改scrollTo，如果第一组的id是#firstSet然后再做第二个#secondSet，当点击链接时只需设置attr（'scrollTo'，'yournextset'）;

  回复于 2024-05-05T01:20:53+08:00
• 2

  将容器div设置为 overflow:hidden 以删除滚动条，然后使用 .animate() 方法为 scrollTop 属性设置动画 .

  向下滚动

  $('#gallery').animate( {scrollTop: '+=100' }, 500);
  

  向上滑动

  $('#gallery').animate( {scrollTop: '-=100' }, 500);
  

  演示在http://jsfiddle.net/gaby/dAW5w/3/

  回复于 2024-05-05T01:20:53+08:00
• 0

  有.scrollTo：

  $('div').scrollTo($('img:eq(10)'));
  

  这将滚动div，以便第11个 <img> 元素可见 . 您可以根据自己的喜好进行扩展 . 你也可以这样做：

  var $div = $('div');
  $div.scrollTop($div.scrollTop() + $div.height());
  

  这将向下滚动到当前点不可见的高度（如Page Down） .

  http://jsfiddle.net/bqaQT/

  回复于 2024-05-05T01:20:53+08:00
• 0

  我做了类似的事情：$（'＃myLink'） . hover（function（）{$（“＃myDiv”） . stop（） . animate（{top：（$（“＃myDiv”） . position（） . top-200）'px'}，{queue：false，duration：400}）;

  }）;

  回复于 2024-05-05T01:20:53+08:00
• 0

  没有必要的插件：

  var thumbDiv = $('#thumbDiv');
  thumbDiv.scrollBy(0, thumbDiv.height());
  

  其他方向只是负高度：

  thumbDiv.scrollBy(0, -thumbDiv.height());
  

  回复于 2024-05-05T01:20:53+08:00