IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası (https://www.ircforumlari.net/)
-   HTML/CSS/JavaScript (https://www.ircforumlari.net/html-css-javascript/)
-   -   Üst menüyü yukarıya sabitlemek (Fixed Navigation Bar) (https://www.ircforumlari.net/html-css-javascript/630169-ust-menuyu-yukariya-sabitlemek-fixed-navigation-bar.html)

hAte 19 Ekim 2014 17:24

Üst menüyü yukarıya sabitlemek (Fixed Navigation Bar)
 
Sayfamızdaki (genelde navigation bar olarak tanımlanır) üst menüyü, sayfa aşağı doğru hareket ettiğinde yukarıya sabitlemek JQuery ile oldukça kolay. Buradaki çözüm sayfa scroll edildiğinde, en üst kısmın scroll çubuğuna kaç pixel uzaklıkta olduğunun kontrolüne dayanır. Belirli bir yükseklik aşıldığında menü çubuğunun stilindeki “position” “fixed” olarak ayarlanıyor, “top” değeri ise “0″ yapılıyor. z-index:1000 olarak atanmasının nedeni, tüm elementlerden üstte görünmesi içindir.

PHP- Kodu:

$(document).ready(function () {
$(
window).on('scroll', function () {
var 
scrolltop = $(this).scrollTop();
if (
scrolltop >= 200) {
$(
'.navbar').css("position""fixed");
$(
'.navbar').css("top""0");
$(
'.navbar').css("z-index""1000");
}
else {
$(
'.navbar').removeAttr('style');
}
});
}); 



Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 23:27.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO
Copyright ©2004 - 2025 IRCForumlari.Net Sparhawk