index.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
  2. anchor.addEventListener("click", function (e) {
  3. e.preventDefault();
  4. document.querySelector(this.getAttribute("href")).scrollIntoView({
  5. behavior: "smooth",
  6. });
  7. });
  8. });
  9. window.onscroll = function onscrollNav() {
  10. var h = document.documentElement.scrollTop || document.body.scrollTop;
  11. var headerTop = document.getElementById("head"); // 获取导航栏id
  12. // 过了这个高度,直接透明度拉满
  13. if (h > 100) {
  14. // header的高度是40px(不理解)
  15. headerTop.style.background = "#fff";
  16. } else if (h <= 100) {
  17. headerTop.style.background = "transparent";
  18. }
  19. };
  20. $(document).ready(function() {
  21. $('.nav-item').click(function() {
  22. $('.nav-item').removeClass('active');
  23. $(this).addClass('active')
  24. });
  25. });
  26. // $(document).ready(function() {
  27. // $('.gopage').click(function() {
  28. // window.open('https://beian.miit.gov.cn/','_blank')
  29. // });
  30. // });
  31. $(document).ready(function() {
  32. $('.gopageicp').click(function() {
  33. window.open('https://beian.miit.gov.cn/','_blank')
  34. });
  35. });
  36. // $(window).scroll(function(event){
  37. // checkscroll()
  38. // });
  39. // function checkscroll(){
  40. // var winPos = $(window).scrollTop(); //屏幕位置
  41. // var NodePos = [$('#section1').offset().top,$('#section2').offset().top,$('#section3').offset().top],//提前获取好元素位置
  42. // length = NodePos .length;
  43. // console.log(winPos<=NodePos[1])
  44. // if(winPos<=NodePos[1]){
  45. // $('.nav-item').removeClass('active');
  46. // $('.nav-item:nth-child(1)').addClass('active');
  47. // }else{
  48. // for(var i = 1;i<length; i++){
  49. // if((i < length -1 && winPos<NodePos[i+1]&&winPos>=NodePos[i]) || (i == length -1 && winPos<=NodePos[i])){
  50. // $('.nav-item').removeClass('active');
  51. // $('.nav-item:nth-child('+(i+1)+')').addClass('active');
  52. // break;
  53. // }
  54. // }
  55. // }
  56. // }