特效描述:仿商城楼层 锚点页面滚动。jQuery制作简单的页面楼层滚动,设置锚点相应的页面滚动效果。
代码结构
1. 引入JS
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="js/glt.js"></script>
2. HTML代码
<div id="f1"></div> <div id="f2"></div> <div id="f3"></div> <div id="f4"></div> <div id="f5"></div> <div id="f6"></div> <div id="f7"></div> <script type="text/javascript"> var arr = [ {id:"f1",name:"红"}, {id:"f2",name:"橙"}, {id:"f3",name:"黄"}, {id:"f4",name:"绿"}, {id:"f5",name:"青"}, {id:"f6",name:"蓝"}, {id:"f7",name:"紫"} ]; glt(arr) </script>