Question

我发现这个很棒的链接有一个滚动到顶部的按钮，我想添加到我的网页。有人能告诉我如何实现javascript部分吗？我尝试在脚本标签的html页面底部插入它，但它似乎没有用。

$(document).ready(function() {
    $(window).scroll(function() {
        if($(this).scrollTop() > 100){
            $('#goTop').stop().animate({
                top: '20px'    
                }, 500);
        }
        else{
            $('#goTop').stop().animate({
               top: '-100px'    
            }, 500);
        }
    });
    $('#goTop').click(function() {
        $('html, body').stop().animate({
           scrollTop: 0
        }, 500, function() {
           $('#goTop').stop().animate({
               top: '-100px'    
           }, 500);
        });
    });
});

否则我知道如何设置和配置HTML和CSS。

谢谢！

Answer 1

将这行代码放在<head>（高于JavaScript的其余部分）

中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

或者，如果代码与2.1.3不兼容，您可以使用此代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

如果它在那之后工作，那么你只是没有加载jQuery。如果你在本地保存jQuery，它将加载更快但这对于测试目的是好的。

Answer 2

下载名为Jquery的js文件，并将此行放在head标记

中

<script src="MYLOCATION/jquery.min.js"></script>

然后将头文件中的JS代码放入脚本标记中，例如

<script src="MYLOCATION/jquery.min.js"></script>
<script>
$(document).ready(function() {....
</script>

有人能告诉我如何实现这个Javascript吗？ HTML CSS

2 个答案: