NHÀ CUNG CẤP DỊCH VỤ CHUYÊN NGHIỆP
PHÁT TRIỂN
Luôn đồng hành cùng bạn!
Chuyên: WEBDESIGN - HOSTING - DOMAIN - CCTV
Hotline: 0903 880 905 - 0931 435 998


Hướng Dẫn Sticky Menu Khi Cuộn Xuống trong NukeViet CMS 4.xmở file layout/header_extended.tpl
tìm
 <nav>
<div class="container">
<div class="row">
[MENU_SITE]
</div>
</div>
</nav>

Và thay thế thành đoạn sau
<nav class="second-nav stickymenu" id="menusite"><div class="container"><div class="row"><div class="bg box-shadow wraper">[MENU_SITE]</div></div></div> </nav>
<script type="text/javascript"> $(function() { var sticky_navigation_offset_top = $('.stickymenu').offset().top; var sticky_navigation = function(){ var scroll_top = $(window).scrollTop(); if (scroll_top > sticky_navigation_offset_top) { $('.stickymenu').css({ 'position': 'fixed', 'z-index': 990,'top':0 }); } else { $('.stickymenu').css({ 'position': 'relative', 'width': '100%' }); } }; sticky_navigation(); $(window).scroll(function() { sticky_navigation(); }); }); </script> 

vào file default\css\style.css thêm css
.stickymenu { background: red; margin: 0 auto 0; width: 100%; }
 

NHÀ CUNG CẤP DỊCH VỤ CHUYÊN NGHIỆP
PHÁT TRIỂN
WEBDESIGN - HOSTING - DOMAIN

NHÀ CUNG CẤP DỊCH VỤ CHUYÊN NGHIỆP PHÁT TRIỂN WEBDESIGN - HOSTING - DOMAIN Website: Phattrien.net - Phattrien.info - Trangvangdichvu.com - Trangvangmuaban.com Hotline: 0931 435 998 Zalo: @PhatTriennet CỬA HÀNG CAMERA Chuyên: Camera IP WiFi, Camera IP, Camera CVI, Camera AHD, Camera Analog, Đầu ghi Camera, Máy Bộ Đàm, Bộ camera quan sát Địa chỉ: 537 Đường Phan Văn Trị, P.Kim Dinh, Tp. Bà Rịa, BR-VT Hotline: 0931 435 998 Zalo: @WinTech Website: CuaHangCamera.com - CửaHàngCamera.vn - Nhaphanphoicamera.net - CareCam.Pro

Cùng thể loại:

  • Hướng dẫn sử dụng Animate CSSỨng dụng tạo gợi ý nhanh class của Animate.css trong Atom Editer Link Animate.css: https://daneden.github.io/animate.css/ Cài đặt Chạy dòng lệnh bên dưới: apm install animate-css Ngoài ra, vào … Chi tiết ==>
  • Setup WOW.js Setup WOW.js 1 Link to the CSS animation library Link to Animate.css (You can link to another CSS animation library by changing WOW.js settings) 2 Link and activate WOW.js … Chi tiết ==>
  • Hướng dẫn tùy biến Module Liên hệTrong bài viết này, mình sẽ hướng dẫn các bạn cách tùy biến module Liên hệ theo mong muốn, bao gồm việc loại bỏ yêu cầu bắt buộc nhập một mục và thêm một mục dữ liệu mới vào form.Trong bài viết này, mình sẽ hướng dẫn các bạn … Chi tiết ==>
  • Loại bỏ alias chuyên mục khỏi link bài viết trong module News NukeViet CMSCấu trúc link chi tiết bài viết của module News trên CMS NukeViet mặc định có dạng rất dài. Bài viết này sẽ hướng dẫn các bạn loại bỏ alias chuyên mục khỏi link, nếu bạn chọn tính năng loại bỏ tên module news khỏi url thì lin… Chi tiết ==>
  • Hướng dẫn sử dụng Animate CSSỨng dụng tạo gợi ý nhanh class của Animate.css trong Atom Editer Link Animate.css: https://daneden.github.io/animate.css/ Cài đặt Chạy dòng lệnh bên dưới: apm install animate-css Ngoài ra, vào … Chi tiết ==>

0 nhận xét :

Đăng nhận xét

Translate

Quan tâm nhiều

Theo thời gian

Biểu mẫu liên hệ

Tên

Email *

Thông báo *