2017-10-13 100 views
0

我想向下滚动/向上滚动100%的高度。 通过鼠标滚动激活不点击。滚动向上/向上页面的100% - 动画

我试过了,但我的页面卡在底部。 我正在使用wordpress。

$(document).ready(function() { 
    $(window).scroll(function (event) { 
     window.scroll(0,document.body.scrollHeight); 
    }); 
}); 
+0

你是什么意思 “每一次”,又该触发滚动:点击按钮/链接?如果是:哪个按钮/链接?上下相同的按钮或不同的? – Johannes

+0

[向下滚动整个浏览器窗口]的可能的重复(https://stackoverflow.com/questions/30350008/scroll-down-whole-browser-window) –

+0

没有butons。这是我搜索的完美例子https://alvarotrigo.com/fullPage/#firstPage –

回答

1

像这样的东西应该工作:

var lastScrollTop = 0; 
$(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
     window.scroll(0,document.body.scrollHeight); 
    } else { 
     window.scroll(0,0); 
    } 
    lastScrollTop = st; 
}); 

下面是一个的jsfiddle证明它:

https://jsbin.com/wodikevare/edit?html,js,output

+0

谢谢你的回答!事实上,这工作。但我想滚动100%的页面高度。我编辑我的问题。这是一个演示:https://alvarotrigo.com/fullPage/#firstPage –

+0

在这种情况下,您的问题已经得到解答:https://stackoverflow.com/questions/30350008/scroll-down-whole-browser-窗口 –

+0

此滚动通过点击激活。我想用鼠标滚动...你能帮忙吗? –