侧边滑出表单，适合多元化页面布局。[7.1活字格版本]

Joe.xu · 2022-10-30 02:21 上传

本帖最后由 qsy_2021 于 2022-10-30 02:23 编辑

声明，本人不会发动态图，截图说明。

1.正式项目展示
image.png154143370.png

点击这个按钮，在侧边滑出用户信息设置。
2.点击右上角的X，即可关闭弹窗。
image.png105863951.png

这个效果并不复杂。
附上简版DEMO，由于使用的外联库，简单了做了一个内联库，上面所用到的样式都已经设置好了，改改就行了。

qsy_2021 · qsy_2021

一些常规设置可以在CSS里面修改，浮动位置可以在JS里面修改，扩展性比较高，左边的滚动条隐藏了，可以Y轴继续向下滚动，加了遮罩，不会穿透底层内容。

qsy_2021 · qsy_2021

蓝色小问号是鼠标滑过就可以显示出该功能的一些说明，我在上一个帖子发过了，自己去找。

ljy6600 · ljy6600

学习学习学习

		自动登录	找回密码
密码			立即注册

[资源分享] 侧边滑出表单，适合多元化页面布局。[7.1活字格版本]