+2
[jQuery/Javascript] Thay đổi giá trị mỗi lần cuộn trang (scrollTop)
Cho mình hỏi, có func nào hoặc thư viện nào hoạt động ổn định có thể làm được việc thay đổi giá trị của 1 lần scroll không ạ? (ví dụ: mình muốn 1 lần lăn chuột sẽ cuộn trang xuống 100vh)
Add a comment
5 ANSWERS
+1
Xài fullPage là ổn rồi, hoặc nếu không bạn có thể thử bắt sự kiện 'wheel' xem, mặc dù không mượt bằng.
(DEMO dưới sử dụng 'mousewheel')
code này kết hợp được với ScrollReveal k bạn 
?
@tantaile421 nó là sự kiện của js nên kết hợp bình thường bạn nhé, mình update lại chút là dùng wheel event nhé. mousewheel không còn tương thích tốt nữa.
@fecoder-chinh cảm ơn bạn nhé, để mình thử xem sao
cái này h có phí r ông ơi :v
@tantaile421 Phí này là nếu bạn muốn royalty-free thôi. Còn bản thân thư viện vẫn hoàn toàn mã nguồn mở dưới giấy phép GPLv3.
@tranxuanthang mình có gửi request r`, để test xem sao, cảm ơn ông nhé
+3
Nếu chỉ là một lần lăn chuột cuộn được luôn một màn hình thì cái này có thể làm chỉ cần qua CSS với scroll-snapping:
Xem thêm ở https://css-tricks.com/practical-css-scroll-snapping/
Mình cũng có thử giải pháp này nhưng phiên bản mới của chrome nó k cho dùng preventDefault hủy sự kiện mặc định của window, body, document nên còn vướng cái scroll cũ sau đó nó mới thực thi đoạn này 
@tantaile421 mình chưa hiểu rõ ý bạn lắm. Theo cách này thì là css-only tại sao cần cả preventDefault của Javascript nhỉ.
@tranxuanthang ở bên mình khi run demo của bạn, khi scroll nó sẽ chạy 1 đoạn nhỏ sau đó mới chạy đoạn scroll mượt, cái mình cần là hủy cái đoạn scroll nhỏ ở đầu ấy @@
@tantaile421 Hmm, đúng là thế thật, mặc dù thì Firefox thì không bị tương tự
@tranxuanthang khổ nổi ai cũng xài chrome, cảm ơn ông nhé
+2
cuộn xuống với một giá trị bạn thử hàm này xem https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo
mình xũng có thử r` nhưng k hủy đc scroll mặc định nên nó cấn cấn nhìn giống lỗi lắm bạn 
)
@tantaile421 bạn thử sử dụng thêm option behavior smooth cho mượt chưa 
@quangphunguyen đồng ý là mượt, nhưng sau khi scroll thì k thể dừng lại được, như đệ quy ấy @@
