https://ansiklopedia.com.tr/tr/sagli...i-yaratin.html
Mesela Şu konuda solda bulunan yönetici colum bölgesi, sayfa hareket ettikçe aşağıya kaysın istiyorum, position fixed uyguluyorum fakat olmuyor. Sebebini bulamadım. Yukarıya çıktıkça da eski pozisyonunu koruması gerekiyor...
Yardımcı olacak var mı ?
CSS Kayan Menü Hakkında
9
●136
- 22-11-2020, 14:06:08
- 22-11-2020, 14:23:14Sticky olarak geçiyor. Buradaki örnekten mantığını anlayabilirsiniz.
https://www.w3schools.com/howto/tryi...sticky_element - 22-11-2020, 14:27:53@AhmetZekiTasgar; position fixed mantığı burda yanlış.
Position fixed verirsen sen nereye scroll edersen o div scroll nerede sonlanırsa orada durur. veya yukarı çıkar.
Yapmak istediğini uygulayabilmen için, yani senin mouse u scroll ettiğinde aşağı kayıp,tekrar yukarı mouse'u hareket ettiğinde ilk yerinde kalması için position:sticky ve top:0 veya 10px veya 20px (Ordaki duruma göre) vermen lazım. Ama iş sadece bununla bitmez. Position:sticky uygulayabilmen için o divin ana kapsayıcılarının hiçbirinde veyahut body de overflow:hidden olmaması gerekir. Bu durumda istediğin gibi çalışacaktır. şahsen denedim az önce verdiğin linkte... Dediğim gibi bunları halledince istediğin olacak - 22-11-2020, 14:28:44sitenizi özelden gönderirseniz inceleyip nasıl yapacağınız konusunda yardımcı olabilirim.
- 22-11-2020, 14:34:58yaptıgınız kod stilini buraya atmanız çok güzel olurdu teşekkürler ilgilendiğin için.mustafasatirogl adlı üyeden alıntı: mesajı görüntüle
- 22-11-2020, 14:40:53Yaptığım kod stilini yukarıda söyledim.
social-timeline-left divine position-sticky ve top:70px ver ayrıca style.css 8024.satirdaki overflow hiddeni kaldır çalışacak. @AhmetZekiTasgar; hala yapamazsanız ücretli yardım etmek durumundayım - 22-11-2020, 14:42:40işinize yarayacak olan şey aşağıdadır.AhmetZekiTasgar adlı üyeden alıntı: mesajı görüntüle
http://stickyjs.com/ - 22-11-2020, 14:44:22@Birdilimask; dostum artık bunun için js kullanıp da sayfanda gereksiz request oluşturmana gerek yok css le halledebiliyorsun. işine yarar belki haberin olsun.
- 22-11-2020, 14:47:12Dostum js gereksiz bir request değildir. Css ile halledebileceğini bende biliyorum. Ayrıca göndermiş olduğum eklenti devasa bir boyutta da değil. Bırakın artık projeye onuda eklemeyelim bunuda eklemeyelim muhabbetlerin. O zaman bootstrap da kullanmayalım. Nasıl olsa kendimiz elimiz ile yazıyoruz.mustafasatirogl adlı üyeden alıntı: mesajı görüntüle
Sevgiler. İyi pazarlar.