杭州正泰输配电设备有限公司网站

杭州正泰输配电设备有限公司是一家专业生产和销售输配电设备的公司。他们的产品广泛应用于电力、建筑、交通等领域，为客户提供安全、可靠的电气设备解决方案。

网站结构与功能

  • 导航栏：网站顶部有一个导航栏，包含公司的各个项目和子栏目，方便用户快速定位所需信息。当页面向下滚动时，导航栏会自动浮动到页面顶部，提高用户体验。
  • 返回顶部按钮：在页面底部设置了一个返回顶部的按钮，用户点击后可以快速回到页面顶部，方便浏览长页面内容。

JavaScript代码

网站使用了jQuery库来实现页面的交互效果。主要功能如下：

  1. 当页面向下滚动80px时，导航栏添加”Topnav”类，使其浮动到页面顶部；当页面向上滚动80px时，移除”Topnav”类，恢复原状。
  2. 当页面向下滚动500px时，显示返回顶部的按钮；当页面向上滚动500px时，隐藏返回顶部的按钮。
  3. 点击返回顶部按钮时，使用animate()方法平滑地将整个页面滚动至顶部。
//声明_czc对象：  
var _czc = _czc || [];  
//绑定siteid,请用您的siteid替换下方"XXXXXXXX"部分  
_czc.push(["_setAccount", "1000431245"]);  
  
$(function(){  
$(window).scroll(function() {  
//导航浮动↓-----------不需要导航浮动可以注释  
if($(window).scrollTop() >= 80){ $('.nav').addClass("Topnav"); }else{ $('.nav').removeClass("Topnav"); } //end导航浮动↑  
  
//<!--↓返回顶部JS-->  
if($(window).scrollTop() >= 500){ $('.actGotop').fadeIn(300); }else{ $('.actGotop').fadeOut(300); }  
});  
  
$('.actGotop').click(function(){ $('html,body').animate({scrollTop: 0}, 300); }); //点击返回顶部按钮，平滑滚动至顶部  
});