2011-12-06 28 views
6

dụ:http://jsbin.com/ofifiy/2/edit#previewJquery - Scroll sự kiện trên một div phi cuộn

tôi cố gắng để di chuyển một div (màu đỏ) với một div cuộn phi (một màu xanh lá cây). Vấn đề của tôi là, khi tôi di chuyển trên div màu xanh lá cây, jquery scroll() không kích hoạt.

HTML

<div id="targetWithNoScroll" style="border:1px solid #0f0; width:100px; height:100px;"> 
    scroll here = scroll the red div<br /> 
    </div> 

JS

$('#targetWithNoScroll').scroll(function() { 
    $('body').append('No scroll <br />'); 
}); 
+4

Tại sao bạn mong chờ một sự kiện cuộn để bắn vào một div mà không có khả năng cuộn? Điều này có vẻ như hành vi chính xác với tôi. –

+0

Vui lòng giải thích logic tại đây. Bạn áp dụng một người nghe cho một cái gì đó mà không cháy (di chuyển trong một div không thể cuộn), vì vậy bạn có thể xuất "không có gì xảy ra" trong cuộc gọi lại? Điều đó không có ý nghĩa gì cả. – OptimusCrime

Trả lời

5

Bạn cần để ràng buộc sự kiện mousewheel để div đó. Thật không may là không có sự kiện xoay vòng jQuery gốc, vì vậy bạn phải chọn một plugin hoặc tự viết nó. Nhưng tôi sẽ khuyên bạn nên dùng một trong các vì nó giúp bạn tiết kiệm rất nhiều thời gian:

http://brandonaaron.net/code/mousewheel/demos/

http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

http://www.ogonek.net/mousewheel/jquery-demo.html

Các vấn đề liên quan