Mən kodlaşdırması mürəkkəb olan bir şablonda sticky header yaratmağa çalışıram. düzdü yaratdımda amma o qədərdə gözəl olmadı nəysə. http://45.55.74.161/ linkində yaratdığım sticky header var. Amma background-dadır. Bunu necə foregrounda verə bilərəm?
1 | <style> |
2 | .fixed { |
3 | position:fixed; |
4 | overflow: visible; |
5 | top:0; |
6 | } |
7 | </style> |
8 | <script> |
9 | var num = 50; //number of pixels before modifying styles |
10 |
11 | $(window).bind('scroll', function () { |
12 | if ($(window).scrollTop() > num) { |
13 | $('#header-layout').addClass('fixed'); |
14 | } else { |
15 | $('#header-layout').removeClass('fixed'); |
16 | } |
17 | }); |
18 | </script> |
Verilmiş cavablar və yazılan şərhlər (4 cavab var)
1
Sual aydın olmadı. Foreground deyəndə nəyi nəzərdə tutursuz?
0
http://45.55.74.161/ linkinə daxil ol. Və bir az aşağı düş… Görəcəksənki yaratdığım sticky navbar sliderin, məhsulların və s. elementlərin arxasında qalır.
2
Sticky sinifine bu xüsusiyəti artır.
z-index:9999;
0
Cabbarov Sübhan bidənəsən)
Sual verin
Cavab verin