[Hỏi đáp] Js remove class khi chạm top

mình có một đoạn code ntn

Code:

<div id="abc">nội dung</div>

css

Code:

.fixed {position:fixed;top:0;right:0}

mình cần 1 đoạn js khi chạm top thì chuyển từ #abc sang .fixed #abc :)

P/s: mình không biết khỉ gì về js đâu nên đừng chửi mình ngu nhá =))

Vì tiêu để nói là remove class khi chạm top cho nên méo đưa code này

Code:

$(window).scroll(function(){
if(window.pageYOffset == 0){$('#abc').removeClass('fixed');}
});

Nếu muốn khi cuộn trang xuống một đoạn px nào đó, #abc sẽ thêm class fixed thì thay bằng

Code:

$(window).scroll(function(){
if(window.pageYOffset >= *){$('#abc').addClass('fixed');}
});

Với * là số px mà thớt muốn

Thông thường theo như thớt muốn, khi chạm top mới thêm cái .fixed vào, mà .fixed có position:fixed, coi như cái fixed đó vô dụng và còn có khả năng làm cho cái #abc bị lỗi size nếu chưa chỉnh

Mình đang định làm cái thanh menu, khi chạm top là nó tự động fixed

thế nên làm 1 class khác bằng css style khi chạm top là nó chuyển sang class đó ( dạng tương tự của haivl ý)

script trên m dùng không dc, bạn test vào HTML cho m cái demo dc k ?

Nghe đồn là nếu thêm vào Javascript Management thì phải bỏ vào trong $(function(){//Something like this});
Đã thêm vào thẻ <script></script> chưa? Nếu rồi mà không được thì thử cái này. Không được nữa tán phát chết luôn (đang dùng ở forum mình mà không được nữa sao chịu nổi)
Thêm vào cuối footer end

Code:

<script>$(window).scroll(function() {
if (window.pageYOffset >= *) {$('#abc').addClass('fixed');}
else {$('#abc').removeClass('fixed');}
});</script>


Hoặc dùng cái này đơn giản hơn, không cần làm thêm css, không cần canh px từ top đến #abc
https://devs.forumvi.com/t590-jq-plugin-sticky-fixed-khi-qua-top-1-cach-don-gian

+ 6 r nha

ứ hiểu sao ứ dc luôn :(

Do ăn ở đó. Méo dùng ở forum méo vẫn bình thường mà