浙江飞友是一家专注于幼儿园家具的制造厂家,提供实木幼儿园家具、幼儿园设计规划以及幼儿园设备设施。他们的网站采用了响应式布局设计,能够适应不同设备的屏幕尺寸。
该网站通过JavaScript代码实现了一些功能。首先,它检查当前页面是否使用了HTTPS协议,如果没有使用,则将URL中的”http:“替换为”https:“,并刷新页面。这样做是为了确保用户访问的是安全的数据传输方式。
它定义了一个名为banOffTop
的变量,用于存储距离顶部的垂直距离。然后,初始化一个名为scTop
的变量,用于存储滚动条拉动的距离。通过监听文档的滚动事件,获取到滚动条拉动的距离,并将其赋值给scTop
变量。
当滚动条拉动的距离大于等于导航栏距离顶部的距离时(即scTop>100
),会添加指定的样式类”active”,以激活导航栏的交互效果。这样可以实现平滑的页面滚动效果和导航栏的下拉菜单效果。
浙江飞友的网站提供了幼儿园家具的相关信息和服务,并且通过JavaScript代码实现了一些实用的功能,如检测页面的安全协议、响应式的布局设计以及导航栏的下拉效果等。