JS实现可调侧栏
实现效果页面分为左右两边,左边放置了一张图片,右边有一段文字。当鼠标移到两边中间的这个分割线位置时,鼠标变成提示可以左右移动的图标,此时可以左右拉动,调整大小。当重新载入页面时,也会保留最后所设定的大小构思用Flexbox建构版面,当鼠标点击中间分割线的时候,记录下鼠标点击时的坐标位置当鼠标移动的时候,通过鼠标新的坐标位置与点击时的坐标位置计算出左边侧栏的新宽度当鼠标放开后,就取消鼠标移动的时间监听,并且将新宽度通过localStorage存储到浏览器中。当下次载入页面时,将左边栏的宽度设
原创
2021-03-19 16:49:55 ·
323 阅读 ·
0 评论