javascript - 如何通过在coldfusion代码中放置一个函数来让我的所有链接滚动到页面顶部

Question

这是我目前拥有的功能。我希望我的所有链接都滚动到页面顶部，而不是一个链接。该函数将放置在冷融合代码中。

<script>
function ScrollClick() {
         // Scroll to top

                 document.body.scrollTop = document.documentElement.scrollTop = 0;

        // Open up a link in my iframe
 document.getElementById('MainWindow').src="DocDisplayCategory.cfm?categoryID=89"
            }
</script>   
</li>

Answer 1

以下是您使用 jQuery 进行操作的方法，以防您可以选择：

$("body").on("click", "a", function(){
  $("html, body").animate({ scrollTop: 0 }, "slow");
});

http://jsfiddle.net/sL2vA/2/

更新：为了帮助消除有关 ColdFusion 的困惑，您只需将其添加到模板的头部（假设 jQuery 尚不可用）：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

并将上面的代码放在您的应用程序中适当的位置（在模板页脚中，在外部 JS 文件中，等等）。如果它在模板中，则将其包装在脚本标记中。