Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

页面布局对侧栏不响应 #16

Open
PabloLION opened this issue Jun 27, 2020 · 3 comments
Open

页面布局对侧栏不响应 #16

PabloLION opened this issue Jun 27, 2020 · 3 comments

Comments

@PabloLION
Copy link

手机/pad端和窄屏幕模式下打开侧栏时,页面会被遮挡。
此时不会自动改变页面内容的宽度,同时还能操作(如打开链接)等。
如需遮挡主页面,最好加个遮罩层。如不需,最好改变body的宽度。

@wujun234
Copy link
Owner

会被什么遮挡呢?为之前写的说判断页面宽度小于某个值,就不会默认打开侧边栏

虽然目前看起来还是有点丑

image

@PabloLION
Copy link
Author

抱歉刚刚才恢回复。

判断页面宽度小于某个值,就不会默认打开侧边栏
我看到代码里写的1100px了。
我的意思是。在电脑端打开侧栏,右侧的body会调整宽度,
移动端(手机端)打开侧栏之后,右侧的body不会调整宽度,但是其中的链接等还是有效的。建议在这种情况下加一个遮罩层,来避免误操作。或者直接把左侧侧栏全屏,这样方便在tree中滚动。

@wujun234
Copy link
Owner

wujun234 commented Jul 7, 2020

抱歉刚刚才恢回复。

判断页面宽度小于某个值,就不会默认打开侧边栏
我看到代码里写的1100px了。
我的意思是。在电脑端打开侧栏,右侧的body会调整宽度,
移动端(手机端)打开侧栏之后,右侧的body不会调整宽度,但是其中的链接等还是有效的。建议在这种情况下加一个遮罩层,来避免误操作。或者直接把左侧侧栏全屏,这样方便在tree中滚动。

哦哦,你说的应该是电脑端打开左侧目录,正文框会右移,这个右移也是有判断当前屏幕的宽度,如果宽度不够,就不会移动。移动端不移动,也是因为这个宽度不够的逻辑。

当时想的是侧栏还是个辅助,所以没有全屏。

加遮罩可以考虑一下,加个可选项。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants