我写了一个JavaScript代码，将视口从一个链接滑动到另一个链接。
基本上，一切都很好，您怎么能在那里看到http://jsfiddle.net/DruwJ/8/
我现在的问题是，当链接停止时，我想停止视口幻灯片
<input id="bottom" type="button" value="Midlle" onclick="smoothScrollTo(0, 500)">
在vieport的底部而不是顶部。
我希望有人知道解决方案！ （我是javascript的初学者）
谢谢！
最佳答案
没有jQuery，我能做的最好的事情是：
onclick="smoothScrollTo(document.getElementById('bottom').offsetTop + 30 - window.innerHeight)"
我假设您希望按钮的底部与页面的底部对齐。而不是按钮的顶部与页面的底部对齐。
这里的关键是减去window.innerHeight以使按钮位于底部。我要添加30作为按钮高度的近似值。不幸的是，我不熟悉在没有jQuery帮助的情况下如何获得按钮的高度。我建议在项目中使用jQuery，以使所有DOM操作更加稳定和友好。
或者，您可以在按钮下方添加一些虚拟div / element，然后让系统滚动到该位置。
onclick="smoothScrollTo(document.getElementById('dummy').offsetTop - window.innerHeight)"
参见：http://jsfiddle.net/DruwJ/10/