用jQuery点击垂直滚动100％

我需要一个动画滚动效果，将网站向下推动100％。它基本上是一个网站中的多页面，每个页面都是100％，还有一个不同的网站。我明白，有多个插件，但我希望得到这个手动工作。用jQuery点击垂直滚动100％

我试过使用锚点和ID来刺激100％的滚动效果，但我想不出一个纯粹的解决方案，它将页面向下移动100％，而没有来自其他ID或类的帮助。

任何帮助将不胜感激。

来源

2014-10-28 Aborted

请问为什么使用锚不好？ – Koen 2014-10-28 08:32:10

我不能依靠这个解决方案，因为他们的目标ID可能不是每次从顶部100％定位，并且网站的末端是未知的......它可能会下降，因为我不知道需要多久，我需要更多处理这种灵活的方式。 – Aborted 2014-10-28 08:33:08

啊，我没有意识到最后是未知的。我的错。 – Koen 2014-10-28 08:39:24

那么，它很简单，使用下面的代码段，这将帮助你实现你在找什么...

$("a").on("click", function(event) { 
    event.preventDefault(); //Prevent default action of anchor 
    $("html, body").animate({ 
     scrollTop: $(document).height() //Get the document height 
    }, "slow"); //Animates the scroll 
    /* Can also use 3000, 4000 i.e 3 seconds, 4 seconds to animate the scroll */ 
});

这里，<a>标签的onclick，我们首先避免的默认操作锚点标记，然后点击一下，我们就会将滚动动画到文档的底部。

Demo

注：使用id或你正在寻找附上onclick evebt上，作为当前选择正在使用锚标签class是一般之一，将针对所有锚标签文档中。

来源

2014-10-28 08:41:01

用jQuery点击垂直滚动100％

回答

相关问题