特效描述：仿商城楼层 锚点页面滚动。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>
