小编Jon*_*eza的帖子

无法让scrollTop()在Chrome和Firefox中都能正常运行

我无法使scrollTop()方法在Firefox和Chrome中都能正常工作.但我使用过$('body, html').scrollTop();,它在Chrome中不起作用.仅$('body').scrollTop();适用于Chrome.任何想法将不胜感激.以下是我的代码.

<!DOCTYPE html>
<html>
<head>
  <title>Demo</title>
  <style type="text/css">
  body {
    height: 2000px;
  }

  #light {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -200px;
    width: 800px;
    height: 400px;
    background-color: blue;
    z-index:1002;
    overflow: auto;
  }
</style>
</head>

<body>
  <div id="light">
  </div>

<!-- Used the google jQuery link for ease of use in this example   -->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $(window).scroll(function () {
        var offset = $('body, html').scrollTop();
        var view = …
Run Code Online (Sandbox Code Playgroud)

javascript firefox jquery google-chrome scrolltop

22
推荐指数
2
解决办法
5万
查看次数

标签 统计

firefox ×1

google-chrome ×1

javascript ×1

jquery ×1

scrolltop ×1