header.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. //判断手机端
  2. var ua = navigator.userAgent;
  3. var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
  4. isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
  5. isAndroid = ua.match(/(Android)\s+([\d.]+)/),
  6. isMobile = isIphone || isAndroid || ipad;
  7. var new_scroll_position = 0;
  8. var last_scroll_position;
  9. window.addEventListener('scroll', function(e) {
  10. last_scroll_position = window.pageYOffset;//window.scrollY/window.pageYOffset
  11. if (new_scroll_position < last_scroll_position && last_scroll_position > 50) {
  12. $(".mheader").removeClass("scroll-top").addClass("scroll-down");
  13. $(".header").removeClass("scroll-top").addClass("scroll-down");
  14. } else if (new_scroll_position > last_scroll_position) {
  15. $(".mheader").removeClass("scroll-down").addClass("scroll-top");
  16. $(".header").removeClass("scroll-down").addClass("scroll-top");
  17. }
  18. var targetTop = $(this).scrollTop();
  19. if(targetTop <= 0){
  20. $(".mheader").removeClass("scroll-top").removeClass("scroll-down");
  21. $(".header").removeClass("scroll-top").removeClass("scroll-down");
  22. }
  23. new_scroll_position = last_scroll_position;
  24. })
  25. //顶部菜单
  26. $(document).ready(function(){
  27. $(".header-search").click(function(){
  28. $(".search-box").stop().fadeIn();
  29. });
  30. $(".search-box-bg").click(function(){
  31. $(".search-box").stop().fadeOut();
  32. });
  33. });
  34. function header_menu(ulclass){
  35. $(document).ready(function(){
  36. $(ulclass+' li').hover(function(){
  37. $(this).children("ul").show();
  38. },function(){
  39. $(this).children("ul").hide();
  40. });
  41. });
  42. }
  43. header_menu('.header-nav');
  44. //手机菜单
  45. $('.nav-trigger').on('click', function(event){
  46. event.preventDefault();
  47. toggleNav();
  48. });
  49. function toggleNav(bool) {
  50. // $(".nav-inner").hide();
  51. // $(".shownav-c").removeClass('cur');
  52. $('.nav-container').toggleClass('is-visible', bool);
  53. $('main').toggleClass('scale-down', bool);
  54. $('html').toggleClass('open-menu', bool);
  55. }
  56. function shownav(navid) {
  57. $(navid).toggleClass("cur");
  58. };
  59. function closenav(navid) {
  60. $(navid).removeClass("cur");
  61. };
  62. $(function(){
  63. $('.onenav .twonav').click(function() {
  64. if($(this).siblings('.nav-inner').length > 0) {
  65. $('.onenav li>a').toggleClass('curr');
  66. $(this).siblings('.nav-inner').stop(true, true).slideToggle();
  67. if($(this).siblings('.nav-inner').css('display') == "block") {
  68. $(this).parents('li').siblings().find('a').removeClass('curr');
  69. $(this).parents('li').siblings().find('.nav-inner').slideUp();
  70. }
  71. }
  72. });
  73. })