如何通过在Coldfusion代码中放置一个函数来使所有链接滚动到页面顶部

Question

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

<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文件中，无论如何）。 如果它在模板中，则将其包装在脚本标签中。