一、商品放大镜
原理:设置两张图,展示区图片的放大效果是通过移动展示区图的位置实现的

1. 设置css样式
2. 搭建事件结构


3.计算未展示的区域的比例:


二.楼梯导航

原理:点击侧边栏的按钮,跳转到相应的页面位置
1.设置好对应的样式;
2. 设置跳转

3. 设置循环定时器,达到过渡切换的目的


或者用ele.scrollIntoview();可以达到切换的目的。
4.添加切换变量布尔值让显示区域居中显示, 处理isTop的传参问题(不能用isTop||true进行处理传进的参数,因为传入false的时候,isTop会变为true),或者用??代替||


1883

被折叠的 条评论
为什么被折叠?



