Question

我找到了一个代码，我试图在ASP.NET Web窗体页面中做同样的事情。这是JSFiddle中的代码：JSFiddle，工作正常。

在HTML中，我尝试了同样的事情：

    <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="cssfile.css" rel="stylesheet" type="text/css" />        
    <script type="text/javascript">
        $(document).ready(function () {
            $(window).scroll(function () {
                if
    ($(this).scrollTop() > 50) { $('.scrollup').fadeIn(); } else {
                    $('.scrollup').fadeOut();
                }
            }); $('.scrollup').click(function () {
                $("html, body").animate({ scrollTop: 0
                }, 600); return false;
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <h1>
        Top of the page</h1>
    <textarea id="TextArea1" cols="100" rows="50"></textarea>
    <a href="#" class="scrollup">Scroll</a>
    </form>
</body>
</html>

当我执行此操作时，编译器不会给我任何错误，但是＆＃34;框＆＃34;去顶部不会出现。

Answer 1

您需要将jquery文件添加到页面的标题部分。 JSFIddle在标题部分已经有了jquery文件。

前

 <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript">

如何使用jQuery滚动到页面顶部？

1 个答案: