jQuery尝试在滚动中“显示：阻止”不起作用

用户名

我这里有这个简单的代码，使div可见（从display：none;到display：block;）

我已经在JSFiddle中对其进行了测试，并且可以运行，但是在我的本地主机中却没有。我认为这是脚本标签中的内容。

我可以在Localhost Wamp服务器上看到带有F12的css和js文件，但是它不起作用。谢谢。

HTML：

<html>
 <head>
  <title>Untitled Document</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript" src="scripts/up.js"></script>
  <link href="../css/style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
  <div id="scroll_top">Hello World</div>
  <div class="container">
   <?php include("includes/header.php");?>
   <div class="content">
    <?php include("includes/navigation.php");?>
     <div class="main_content">
     </div>
    </div>
    <?php include("includes/footer.php"); ?>
   </div>
 </body>
</html>

CSS：

#scroll_top{
    position:fixed;
    display:none;
    background-color:#FFF;
}

JS：

var $logo = $('#scroll_top');
$(document).scroll(function() {
    $logo.css({display: $(this).scrollTop() > 100? "block":"none"});
});

这是Roko C. Buljan撰写的JSFiddle，位置固定并且正在工作。http://jsfiddle.net/psvn9/400/

代码狂

检查演示

var $logo = $('#scroll_top');
    $(document).scroll(function() {
        if($(this).scrollTop()> 100)
        {   //alert("scop");
     //  $logo.css({display: $(this).scrollTop() > 100? "block":"none"});
         $('#scroll_top').css("display", "block");
        }else{
             $('#scroll_top').css("display", "none");
        }

    });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。