Kaydırma çubuğu hareket ettiğinde bir div taşımak zorundayım, ancak salt javascript kullanmam gerekiyor ve konum: sabit düzeni ile çalışmaz. Div'in orijinal poisisyonu başka bir şeye göredir. Sayfanın kaç pikselini yukarı veya aşağı hareket ettiğini algılamak ve div'un konumunu değiştirmek için onScroll gibi basit bir uygulama ve olay var mı? Div sadece dikey olarak hareket etmelidir. Dolayısıyla, sayfanın kaç piksel taşıdığını algılayabilseydim, bunu yalnızca divun konumuna ekleyebilir veya çıkarabilirim. Herhangi bir yardım büyük takdir :-).Kaydırmalı Div ile Gezinme
cevap
window.onscroll = function (e) {
var vertical_position = 0;
if (pageYOffset)//usual
vertical_position = pageYOffset;
else if (document.documentElement.clientHeight)//ie
vertical_position = document.documentElement.scrollTop;
else if (document.body)//ie quirks
vertical_position = document.body.scrollTop;
var your_div = document.getElementById('some_div');
your_div.top = (vertical_position + 200) + 'px';//200 is arbitrary.. just to show you could now position it how you want
}
Neye denedim her tarayıcıda mükemmel çalıştı müthiş :-) konum . Bana yardım ettiğin için çok teşekkür ederim. – rubixibuc
@Jake Öncelikle bu sizin_div.style.top olmak zorundadır (stil kodunuzda yok) isn't? Ve ayrıca bu, sadece bir kez bir div taşır ve biz kaydırdıkça değil. Yanılıyorsam lütfen beni düzeltin! – Ashwin
'your_div.top' yerine' your_div.style.top' ile değiştirin – ZiTAL
- 1. Gezinme yoluyla gezinme ile geçiş verileriController
- 2. Jquery-ui sadece kaydırılabilir kaydırmalı dikey Sadece
- 3. Yüzde bulunmuyor div div ile
- 4. Aynı CookieContainer ile gezinme
- 5. Gezinme geçişi
- 6. Div pozisyonunu div (jQuery) ile takip edin -
- 7. Test jQuery Jasmine ile gezinme
- 8. Düzgün Kaydırma ile Yapışkan Gezinme
- 9. Gezinme simgesi Gezinme çubuğuna
- 10. Sınıf ile div oluşturma
- 11. Sekmeli gezinme
- 12. Gezinme üzerindeki yapışkan gezinme gecikmesi
- 13. PHPstorm'un proje gezinme kenar çubuğundaki bir klasöre nasıl geçebilirim?
- 14. jQuery DIV tıklama, çapa ile
- 15. Goutte ile sınıfla div al
- 16. Canlı güncelleştirme div ile xlsx.js
- 17. Alttaki relativ Div ile hizalama
- 18. Gezinme bağlantıları çalışmıyor
- 19. görüntülenen div, yüzde ofset [göreceli div] ile [SAFARI bug]
- 20. CSS div 'height' den jquery ile div 'top' set
- 21. Jquery animate div başka bir div ile aynı konuma
- 22. nasıl metin ve resimler ile bir div var bir div
- 23. EF Gezinme Boş değerli anahtar ile işaretleyiniz.
- 24. Odak UI kayan menüsünü gezinme ile birleştirin
- 25. Dikey gezinme ile çakışan dikey scrollview
- 26. Mockito ile aynı türde iki nesneyi gezinme
- 27. Gezinme Çekmecesi, Harita Parçacığı ile Aktivite: kilitleniyor
- 28. Açılış js ile asp.net MVC'de sayfa gezinme
- 29. Windows Phone 8.1'de gezinme gezinme düğmeleri
- 30. WebView'de gezinme
Peki (bir kodu yapıştırın bu nerede o ana kadar yaptığım snippet'ine olan) ... şimdi ediliyorsa tarafından sahip –