新手请教几个问题~

jquery滚动条事件

解决方案 »

  1.   


    jQuery(document).ready(function($){});
    $(document).ready(function(){});这两个是没有区别的。下面是上面的简写。为什么会出现第一种，是为了多库共存，还原最原始的写法。如果没有的话就用下面的。
    也可以这样：$(function(){
        // code
    });不知道写得那儿有问题，我这儿是可以的。
    demo here<!doctype html>
    <html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #Layer1{ position:absolute;border:1px solid #ccc; width:200px; border:5px solid #ccc;}
        </style>
        <script type="text/javascript" src="http://lib.vipsinaapp.com/js/jquery/1.9.1/jquery-1.9.1.js"></script>
    </head>
    <body style="height: 2000px;">
    <div id="Layer1">diva</div>
    <script type="text/javascript">
        $(window).scroll(function(){
            var divTop = $(window).scrollTop()+200;
            var divLeft= $(window).scrollLeft()+320;
            console.log(divTop);
            console.log(divLeft);
            $("#Layer1").css({ left:divTop + "px", top:divLeft + "px" });
        });
    </script>
    </body>
    </html>
      

  2.   

    擦，这个没区别。
    jQuery(document).ready(function($){});
    $(document).ready(function(){});
    $=jQuery;   它们两个就是相等的关系。$是jQuery的简写。
      

  3.   


    function 那个参数是什么意思？   我写第二种的话页面上的 pop  弹不出来hotspot那些pop弹不出来
      

  4.   

    http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_scroll_trigger这个里面的$(document).ready(function(){
      $("div").scroll(function() {
        $("span").text(x+=1);
      });
      $("button").click(function(){
        $("div").scroll();
      });
    });把 div  改成  window  然后这个函数就不起作用了。这是什么情况
      

  5.   

    window是绑定在整个窗口上的。不是单个元素操作。
    demo here.<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8"/>
        <title>test</title>
        <style type="text/css">
            #div{ position:fixed;top: 0;left: 0;}
        </style>
        <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
    </head>
    <body style="height: 2000px;">
    <div id="div"></div>
    <script type="text/javascript">
        var x = 0;
        $(window).scroll(function(){
            $('#div').html(x++);
        })
    </script>
    </body>
    </html>