site.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. var isTouch = window.DocumentTouch && document instanceof DocumentTouch;
  2. function scrollHeader() {
  3. // Has scrolled class on header
  4. var zvalue = $(document).scrollTop();
  5. if ( zvalue > 75 )
  6. $("#header").addClass("scrolled");
  7. else
  8. $("#header").removeClass("scrolled");
  9. }
  10. function parallaxBackground() {
  11. $('.parallax').css('background-positionY', ($(window).scrollTop() * 0.3) + 'px');
  12. }
  13. jQuery(document).ready(function($){
  14. scrollHeader();
  15. // Scroll Events
  16. if (!isTouch){
  17. $(document).scroll(function() {
  18. scrollHeader();
  19. parallaxBackground();
  20. });
  21. };
  22. // Touch scroll
  23. $(document).on({
  24. 'touchmove': function(e) {
  25. scrollHeader(); // Replace this with your code.
  26. }
  27. });
  28. //Smooth scroll to start
  29. $('#to-start').click(function(){
  30. var start_y = $('#start').position().top;
  31. var header_offset = 45;
  32. window.scroll({ top: start_y - header_offset, left: 0, behavior: 'smooth' });
  33. return false;
  34. });
  35. //Smooth scroll to top
  36. $('#to-top').click(function(){
  37. window.scroll({ top: 0, left: 0, behavior: 'smooth' });
  38. return false;
  39. });
  40. // Responsive Menu
  41. $('#toggle').click(function () {
  42. $(this).toggleClass('active');
  43. $('#overlay').toggleClass('open');
  44. $('body').toggleClass('mobile-nav-open');
  45. });
  46. // Tree Menu
  47. $(".tree").treemenu({delay:300});
  48. });
  49. function more() {
  50. var countHome = 8,
  51. countBlog = 3;
  52. countNews = 6;
  53. var $main = $('main#start');
  54. var $wrapper = $('#body-wrapper > #item');
  55. var countCard = $wrapper.find('.card').length;
  56. if ($main.hasClass("home")) {
  57. var countCard = 8;
  58. } if($main.hasClass("news")) {
  59. var countCard = 6;
  60. } else {
  61. }
  62. console.log(countCard);
  63. var $card = $('#body-wrapper > #item .card:lt('+ countCard +')');
  64. $card.addClass('visible');
  65. var $cardV = $('.home #item .card:lt(8)');
  66. $cardV.addClass('visible');
  67. var $cardH = $('.home #item .card:gt(7)');
  68. $cardH.addClass('hidden');
  69. var countCard = $cardV.length;
  70. if (countCard == 8) {
  71. console.log('true');
  72. var $Homcard = $('#item');
  73. $Homcard.append( "<div class='more'><a href='#'>More</a></div>");
  74. }
  75. $('.more').on('click', function(e) {
  76. var $cardV2 = $('.home #item .hidden:lt(8)');
  77. e.preventDefault();
  78. $cardV2.addClass('visible').removeClass('hidden');
  79. var $card = $('.home #item .hidden');
  80. if ($card.length == 0) {
  81. $('.more').remove();
  82. }
  83. });
  84. }
  85. function newsletter() {
  86. var $input = $('.newsletter .mc-field-group input');
  87. $('body:not(".mc-field-group")').on("click", function(e){
  88. $input.parent().find('label').css('opacity', '1');
  89. });
  90. $input.on("click", function(e){
  91. $(this).parent().find('label').css('opacity', '0');
  92. });
  93. $input.on("focus", function() {
  94. })
  95. }
  96. function OpenSearch(){
  97. $('.wrap_search a').click(function() {
  98. $('.search-wrapper').toggleClass("opacity");
  99. });
  100. var url = window.location.pathname
  101. var splitUrl = url.split("/");
  102. console.log(splitUrl);
  103. if(splitUrl[1] == "search" ){
  104. $('.search-wrapper').addClass("opacity");
  105. }
  106. }
  107. $(document).ready(function(){
  108. // more();
  109. // newsletter();
  110. OpenSearch();
  111. });