Question

我是Javascript的新手，所以如果这是一团糟，我道歉。阅读this post后，我实现了在用户开始滚动后显示div所需的代码。当我将代码放入JSFiddle（ http://jsfiddle.net/EnzoMac/ZyKar/1212/ ）时，它完美无缺。但是，它在我的网站上根本不起作用。它在JSFiddle中，但这是我的代码：

HTML / JavaScript：

<div class="backtotop"> <a href="#">Back to Top</a></div>

    <script type="text/javascript">
    $(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 1) {
        $('.backtotop').fadeIn();
    } else {
        $('.backtotop').fadeOut();
    }

});
</script>

CSS：

.backtotop
    {
        display: none;
        width:200px;
        height:inherit;
        position:fixed;
        bottom:0;
        right:0;
        border:thin solid black;
        background:lightgray;
        color:black;
        z-index:1;
        text-align:center;
    }

.backtotop a {
    color:black;
    font-family:calibri;
}

基本上，我的问题是：为什么我的代码不起作用？

非常感谢！

Answer 1

您是否在此代码之前的任何位置使用jQuery安装链接？如果是，请检查您的JavaScript控制台，看看有什么错误 jQuery安装链接：

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

滚动时显示<div> </div>

1 个答案: