Giả sử chúng ta có một trang html có chiều cao lớn. Do đó sẽ có một thanh cuộn dọc.Cách lấy số pixel mà người dùng đã cuộn xuống trang?
Khi người dùng cuộn xuống, tôi muốn biết số tiền anh ta đã cuộn bằng javascript (jquery) tôi giả sử ... Điều này có khả thi không?
Bạn có thể thực hiện việc này bằng cách sử dụng .scroll() và .scrollTop().
$(window).scroll(function() {
// use the value from $(window).scrollTop();
});
Xem thêm điều này question.
Có. Xem scrollTop() trong jQuery, bao bọc thuộc tính DOM scrollTop.
thanx rất nhiều !!!! – gadlol
Đây là những gì tôi đã sử dụng trên trang web của mình ... khi ai đó cuộn 620 pixel xuống menu sẽ bật lên, tôi nhập số bằng tay. Tôi vẫn là một Noob tại javascript nhưng tôi hy vọng điều này sẽ giúp
<script>
$(document).ready(function(){
$(window).scroll(function(){
var scrollTop = 620;
if($(window).scrollTop() >= scrollTop){
$('.Nav').css({
position : 'fixed',
top : '0'
});
}
if($(window).scrollTop() < scrollTop){
$('.Nav').removeAttr('style');
}
})
})
</script>
Trong khi công trình này, nó có thể được cải thiện, không cần phải có câu lệnh if thứ hai, chỉ cần sử dụng một câu lệnh khác. Cũng chỉ cần loại bỏ các 'phong cách' thuộc tính có thể nguy hiểm nếu có cái gì đó khác theo kiểu nội tuyến, có lẽ bởi một chức năng js. Tôi nghĩ rằng một thực hành tốt hơn là để đảo ngược phong cách bạn thêm vào trong ban đầu nếu – jakecraige
thanx rất nhiều !!!! – gadlol