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