scripts.js 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. function scroll_to(clicked_link, nav_height) {
  2. var element_class = clicked_link.attr('href').replace('#', '.');
  3. var scroll_to = 0;
  4. if (element_class != '.top-content') {
  5. element_class += '-container';
  6. scroll_to = $(element_class).offset().top - nav_height;
  7. }
  8. if ($(window).scrollTop() != scroll_to) {
  9. $('html, body').stop().animate({ scrollTop: scroll_to }, 1000);
  10. }
  11. }
  12. jQuery(document).ready(function() {
  13. /*
  14. Navigation
  15. */
  16. $('a.scroll-link').on('click', function(e) {
  17. e.preventDefault();
  18. scroll_to($(this), 0);
  19. });
  20. /*
  21. Background slideshow
  22. */
  23. // if ($(window).width() <= 767) {
  24. // $('.top-content').backstretch("assets/img/backgrounds/bg-mobile.png");
  25. // } else {
  26. // $('.top-content').backstretch("assets/img/backgrounds/bg.png");
  27. // }
  28. // $('.eafaefa').backstretch("assets/img/gef/yj.png");
  29. $('.bg-bottom').backstretch("assets/img/gef/bg-bottom.png");
  30. $('#top-navbar-1').on('shown.bs.collapse', function() {
  31. // $('.top-content').backstretch("resize");
  32. });
  33. $('#top-navbar-1').on('hidden.bs.collapse', function() {
  34. // $('.top-content').backstretch("resize");
  35. });
  36. $(window).scroll(function() {
  37. //小屏幕下的导航条折叠
  38. if ($(window).width() < 768) {
  39. //滚动屏幕时,把导航选项折叠起来
  40. $("#top-navbar-1").collapse('hide');
  41. }
  42. if ($(window).width() > 768) {
  43. $(".dropdown").removeClass("open");
  44. }
  45. });
  46. if ($(window).width() < 768) {
  47. //点击导航链接之后,把导航选项折叠起来
  48. $("#top-navbar-1 .navgetor").click(function() {
  49. $("#top-navbar-1").collapse('hide');
  50. });
  51. }
  52. /*
  53. Wow
  54. */
  55. new WOW().init();
  56. /*
  57. Modals
  58. */
  59. $('.launch-modal').on('click', function(e) {
  60. e.preventDefault();
  61. $('#' + $(this).data('modal-id')).modal();
  62. });
  63. });
  64. jQuery(window).load(function() {
  65. /*
  66. Loader
  67. */
  68. $(".loader-img").fadeOut();
  69. $(".loader").delay(1000).fadeOut("slow");
  70. /*
  71. Hidden images
  72. */
  73. $(".modal-body img, .testimonial-image img, #slider-1 img").attr("style", "width: auto !important; height: auto !important;");
  74. });