Jak zrobić div ustalony na wykrycie przewijania przez użytkowników.
Przykład: Prawy pasek boczny Facebooka utknie, gdy zostanie osiągnięta określona pozycja przewijania.Dokonywanie Div naprawiony na przewijanie
Odpowiedz
position:fixed
jest odpowiedzią.
Ale zawsze możesz spojrzeć na źródło witryny, jeśli chcesz wiedzieć, jak coś robią. Bardzo edukacyjne!
Nie jestem pewien, czy o to ci chodzi?
Ale możesz dodać pozycję CSS-propery: fixed; aby pojawił się na sam miejscu nawet po przewinięciu.
monitorować, czy nie mamy do przewijania.
if($(window).scrollTop() > 0){
//we're scrolling our position is greater than 0 from the top of the page.
$("#element").css({'position' : 'fixed'});
}
* EDIT
zrobić to bez jQuery ..
if(window.scrollTop() > 0){
document.getElementById('element').style.position="fixed";
}
http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
wykorzystuje jQuery z plugin blokady przewijania: https://gist.github.com/837729
Natrafiłem na ten artykuł, który wyjaśnia rozwiązanie https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/
Ten link nie działa ... proszę wziąć pod uwagę ... – Meer
- 1. Przewijanie poza div spowoduje przewijanie zawartości
- 2. Dezaktywuj przewijanie na zewnątrz podczas przewijania div
- 3. Dokonywanie mojego ajax updated div fade w
- 4. Automatyczne przewijanie do dołu DIV
- 5. Elementy FadeIn na przewijanie
- 6. iPad wyłącza przewijanie dokumentu, ale nie przepełnienie div div
- 7. Zatrzymaj div przewijanie po dotarciu do innego div
- 8. przewijanie widocznej części nadmuchanego div wewnątrz mniejszego div bez jquery
- 9. Prevent strona przewijanie podczas przewijania elementu div
- 10. Div przewijanie ze stroną w stałym położeniu
- 11. Jak zrobić przewijanie w pionie div
- 12. Element pozycji CSS "naprawiony" wewnątrz przewijanego kontenera
- 13. Przewijanie elementu div za pomocą jQuery
- 14. przewijanie nakładki div bez przewijania całej strony
- 15. jQuery auto przewijanie div Up & down
- 16. jQuery scrollTop, przewijanie do div z identyfikatorem?
- 17. Przewijanie Floata
- 18. Mocowanie paska bocznego migotania na przewijanie
- 19. Niezależne przewijanie kolumny na stronie HTML
- 20. Przewijanie na dużym płótnie
- 21. Dokonywanie parametru szablonu znajomego?
- 22. Jak włączyć przewijanie dla określonego elementu div i wyłączyć przewijanie dla strony
- 23. Funkcja wywołania na przewijanie tylko raz
- 24. Przewijanie w poziomie za pomocą kółka myszy w div
- 25. Redactor - Naprawiony pasek narzędzi nie działa na urządzeniu mobilnym
- 26. Dodatek do tła: naprawiony nie działa na Androidzie/telefonie komórkowym
- 27. jQuery przewijanie tekstu z boku na bok
- 28. Przewijanie wielu elementów div w tym samym czasie
- 29. Jak uniemożliwić przewijanie paska przewijania przez zawartość elementu div?
- 30. Wyłącz Przewijanie Po kliknięciu na link
Użyłem tego przed obejrzeniem http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs