【分享】左侧菜单栏与右侧页面容器联动

Joe.xu

上图！

首先，左边的菜单栏采用了设置焦点命令，通过这个方式，能够直接在页面容器中滚动到指定页面。
另外，页面容器内的内容，其实是一个长内容，根据页面容器的尺寸定制，我不会表达，我先上图。
image.png907640685.png

如何跳转呢？看一下页面的定位文本框，上图
image.png533127746.png

为什么第一个锚点在最顶端？后面的锚点在最后呢？原因很简单，如果你都全部设置在顶端，你会发现跳转的页面会在你不想要的位置，有时候在中间，有时候在3分之2的位置。最重要一点，当我们把焦点定位后，会有光标出现，很难受是吧？没关系，你可以把文本框设置为只读模式就可以。

就这么简单，最后，可以根据需要，用户只能点击左边的菜单才能滚动，右边则不能滚动，你可以把页面容器设置为剪切模式，这样只能点击左边菜单栏滚动了，已经非常适合大部分的页面处理了。

还有，当我们第一次启动页面，菜单不会帮你自动选择第一个项，你可以在页面加载使用这个命令即可。
image.png709296264.png

完事~！非常丝滑。

qsy_2021 · qsy_2021

请根据业务逻辑来自由发挥，我是需要对这整个区域进行数据提交，所以，我的框架是这样的。 image.png227227172.png

dlxubo · dlxubo

放个demo,半天没搞定

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

[资源分享] 【分享】左侧菜单栏与右侧页面容器联动

评分

2 个回复

时代开发者征文活动