main.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. var onitirDoc;
  2. (function($) {
  3. 'use strict';
  4. onitirDoc = {
  5. init: function() {
  6. this.mobileMenu();
  7. this.productGird();
  8. },
  9. // Mobile Menu
  10. mobileMenu: function() {
  11. $('.mainmenu-area .main-menu .menu-items').meanmenu({
  12. meanMenuContainer: '.mobile-menu',
  13. meanScreenWidth: '991',
  14. meanRevealPosition: 'right',
  15. });
  16. },
  17. // Porduct Grid
  18. productGird: function() {
  19. var grid = jQuery('.grid-isotope');
  20. if (!grid.length) {
  21. return;
  22. }
  23. grid.isotope();
  24. jQuery('.grid-filter ul').on('click', 'li', function() {
  25. var filterValue = jQuery(this).attr('data-filter');
  26. grid.isotope({ filter: filterValue });
  27. });
  28. jQuery('.grid-filter ul li').on('click', function(event) {
  29. jQuery(this).siblings('.active').removeClass('active');
  30. jQuery(this).addClass('active');
  31. event.preventDefault();
  32. });
  33. }
  34. };
  35. // Document Ready
  36. $(document).ready(function() {
  37. onitirDoc.init();
  38. //首页下箭头点击事件
  39. var $wh = $(window).height();
  40. $('.go_down').click(function (e) {
  41. $('html,body').animate({
  42. scrollTop: $(window).height()
  43. }, 700);
  44. });
  45. });
  46. $(window).on('scroll', function() {
  47. // Sticky Header
  48. var scroll = $(window).scrollTop();
  49. if (scroll < 110) {
  50. $('header.sticky-header').removeClass('sticky');
  51. } else {
  52. $('header.sticky-header').addClass('sticky');
  53. }
  54. //返回顶部按钮的显示与隐藏
  55. if (scroll > 700){
  56. $('#scroll-up').css({'visibility': 'visible','opacity':'1'});
  57. }else{
  58. $('#scroll-up').css({'visibility': 'hidden','opacity':'0'});
  59. }
  60. })
  61. })(jQuery)