使 <div> 在滚动时出现答案

【问题标题】：Make <div> appear upon scrolling使 <div> 在滚动时出现
【发布时间】：2014-07-26 22:46:52
【问题描述】：

我是 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;
}

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

非常感谢！

【问题讨论】：

可能有很多原因。能否提供您网站的链接？
你的 CSS 不完整，你能告诉我们你是如何导入 jQuery 的吗？
Alek-- alphaoneent.com/new%20%201.php。这是一项正在进行的工作，所以它仍然有点混乱。不过，我的问题已经解决了。
Shahar-- 我没有导入 jQuery，我发现这是我的问题。另外，我的 CSS 有什么问题？如果你指的是声明，我只是没有把它放在上面的示例中。

标签： javascript html css scroll

【解决方案1】：

您是否在此代码之前的任何位置使用 jQuery 安装链接？如果是，请检查您的 javascript 控制台并查看存在哪些错误。
jQuery 安装链接：

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

【讨论】：

对不起。我忘了。会的。