wujun234/hexo-theme-tree

页面布局对侧栏不响应

Opened this issue · 3 comments

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

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

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

image

抱歉刚刚才恢回复。

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

抱歉刚刚才恢回复。

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

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

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

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