xin code thanh nav giống như chinh phục[✔]

[7vnr]

như trên cho mình xin cái code giống như thanh nav của chinh phục khi kéo lên trên thì nó ở vị trí cũ

khi kéo xuống dưới thì nó chạy theo trên

mình chỉ xin cái code chạy như vậy thôi không cần cái nav của chinh phục đâu mình lấy vidu thôi ấy mà cho mnihf cảm ơn trước nhé

[Rin]

ko share nhé bạn

[7vnr]

eo sao keo thế

[Portgas D.Ace]

Cũng giống thanh nav bình thường thôi
Đặt logo trên nav đó là được

[7vnr]

Cũng giống thanh nav bình thường thôi
Đặt logo trên nav đó là được

nhưng khi kéo xuống thì nó chạy theo ấy bạn

[subin217]

Code:

.submenu {
 position: fixed;
}

thay submenu thành class thanh nav của bạn nhé

[7vnr]

Code:

.submenu {
 position: fixed;
}

thay submenu thành class thanh nav của bạn nhé

cảm ơn bạn nhiều nhé code này thì mình biết nhưng nó không giống như vầy khi kéo lên trên cùng thì nó vẫn ở vị trí cũ giống như chinh phục vậy khi kéo xuống thì nó mới chạy theo thôi .

[subin217]

của mình nó vẫn chạy xuống nhé bạn bạn thử xem:

Code:

div#pun-navlinks {
  position: fixed;
  z-index: 999;
  margin-top: -135px;
  margin-left: -10px;
  display: block;
  width: 1000px;
  box-shadow: 0px 3px #5F9EA0;
}

forum mình xài CSS đó bình thường nhé

Code:

http://www.andermo.cf/

[7vnr]

của mình nó vẫn chạy xuống nhé bạn bạn thử xem:

Code:

div#pun-navlinks {
  position: fixed;
  z-index: 999;
  margin-top: -135px;
  margin-left: -10px;
  display: block;
  width: 1000px;
  box-shadow: 0px 3px #5F9EA0;
}

forum mình xài CSS đó bình thường nhé

Code:

http://www.andermo.cf/

cảm ơn bạn nhé ý mình là code như vầy

[subin217]

Chắc phải có script chuyển từ thanh nav bình thường khi kéo xuống sẽ thêm 1 class nữa để trang trí bằng CSS í mà script là mình không biết gì hết, thông cảm nha bạn

[Portgas D.Ace]

Cũng giống thanh nav bình thường thôi
Đặt logo trên nav đó là được

nhưng khi kéo xuống thì nó chạy theo ấy bạn

Thiếu gì, bấm vào Tìm Kiếm ấy

[7vnr]

Chắc phải có script chuyển từ thanh nav bình thường khi kéo xuống sẽ thêm 1 class nữa để trang trí bằng CSS í mà script là mình không biết gì hết, thông cảm nha bạn

um đúng rồi đúng cái bạn nói ấy nhưng không ai cho code đó hết

[markai30]

Chắc phải có script chuyển từ thanh nav bình thường khi kéo xuống sẽ thêm 1 class nữa để trang trí bằng CSS í mà script là mình không biết gì hết, thông cảm nha bạn

um đúng rồi đúng cái bạn nói ấy nhưng không ai cho code đó hết

Mấy cái này dễ lắm. Mình lấy vd nhé. Bạn làm thanh nav ở một dạng cố định giống chinh phục vậy.

Bạn sử dụng css như sau:

Code:

.fixed {position: fixed;top: 0;left: 0;right: 0;background: red;z-index: 99;}

Rồi thêm code này vào sau cái thanh nav đó.

Code:

<script type="text/javascript">
$(function(){
$(window).scroll(function (event) {
      var scroll = $(window).scrollTop();
      if(scroll > 200){
         $('.nav').addClass('fixed');
      }
      else if(scroll < 200) {
         $('.nav').removeClass('fixed')
      }
   });
});
</script>

Trong code trên bạn đổi cái class nav thành cái class nav forum bạn.
Số 200 ở trên sẽ là vị trí bạn muốn thanh nav thay đổi thành dạng fixed và ngược lại.
Vậy là xong.

[7vnr]

Chắc phải có script chuyển từ thanh nav bình thường khi kéo xuống sẽ thêm 1 class nữa để trang trí bằng CSS í mà script là mình không biết gì hết, thông cảm nha bạn

um đúng rồi đúng cái bạn nói ấy nhưng không ai cho code đó hết

Mấy cái này dễ lắm. Mình lấy vd nhé. Bạn làm thanh nav ở một dạng cố định giống chinh phục vậy.

Bạn sử dụng css như sau:

Code:

.fixed {position: fixed;top: 0;left: 0;right: 0;background: red;z-index: 99;}

Rồi thêm code này vào sau cái thanh nav đó.

Code:

<script type="text/javascript">
$(function(){
$(window).scroll(function (event) {
 var scroll = $(window).scrollTop();
 if(scroll > 200){
 $('.nav').addClass('fixed');
 }
 else if(scroll < 200) {
 $('.nav').removeClass('fixed')
 }
 });
});
</script>

Trong code trên bạn đổi cái class nav thành cái class nav forum bạn.
Số 200 ở trên sẽ là vị trí bạn muốn thanh nav thay đổi thành dạng fixed và ngược lại.
Vậy là xong.

cảm ơn bạn nhiều nhé mình làm được rồi

[Sponsored content]