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

移动设备上side bar显示问题 #442

Open
dracodoc opened this issue Oct 22, 2015 · 4 comments
Open

移动设备上side bar显示问题 #442

dracodoc opened this issue Oct 22, 2015 · 4 comments

Comments

@dracodoc
Copy link

使用Mist 主题,在pc上比较正常,ipad 上side bar展开后会挡住正文,android上则点击后只出现一个home而没有目录。

如果需要的话我可以上传两个截图。

@iissnan
Copy link
Owner

iissnan commented Oct 22, 2015

嗯? 我记得目前在 iPad 以及更小的设备上将 Sidebar 彻底隐藏了。可能还有问题。

能提供详细的信息更好,谢谢。

@dracodoc
Copy link
Author

第一个截图是android下chrome,side bar不起作用倒没什么,但是还能显示,占了不少空间。
android chrome

第二个是ipad上mercury浏览器,和safari的效果是一样的,能展开,会挡住内容。

ipad mercury

之前试用jacman的时候可以在正文中生成目录,在页面的顶部,感觉对移动设备这算一个折衷方案,可以始终留一个回到顶部的按钮,然后顶部有个目录。

或者点击一个浮动按钮生成一个浮动的目录?也许那样太复杂了。

@dracodoc
Copy link
Author

另一个不同的问题就是感觉网站标题和正文标题之间的空间太大了。

@stevenjoezhang
Copy link
Contributor

stevenjoezhang commented Dec 30, 2018

side bar展开后会挡住正文似乎是feature? motion.js中:

$(document)
.on('sidebar.isShowing', function () {
NexT.utils.isDesktop() && $('body').velocity('stop').velocity(
{paddingRight: SIDEBAR_WIDTH},
SIDEBAR_DISPLAY_DURATION
);
})
.on('sidebar.isHiding', function () {
});

只有在Desktop端才会在展开side bar时让body整体移动

stevenjoezhang referenced this issue in theme-next/hexo-theme-next Apr 3, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants