Question

我想像这些页面一样滚动效果

http://www.hugeinc.com/（三次幻灯片后） - http://stadiumtechcenter.com/building

例如我有一个滑块区域，当我向下滚动它进入菜单时。在标准内容块开始之后。现在我想在我向上滚动菜单到达浏览器顶部网站时自动跳转到页面顶部。

$(window).scroll(function(){
    var scrollTop = $(window).scrollTop(),
        divOffset = $('.bottom').offset().top,
        dist = divOffset - scrollTop;

    if (dist > 0) {
        $('html, body').stop().animate({'scrollTop':$('.top').offset().top}, 300);
    }
});

这是小提琴 http://jsfiddle.net/zB5bc/

Answer 1

也许你可以尝试这样的事情：

    $(window).on('mousewheel', function(e){
  if(e.originalEvent.wheelDelta < 0){

$('html, body').stop().animate({'scrollTop':$('.bottom').offset().top}, 300);

    }
      else{
          $('html, body').stop().animate({'scrollTop':$('.top').offset().top}, 300);
      }

以下是工作示例：http://jsfiddle.net/zB5bc/4/

自动滚动到标题

1 个答案: