我有一个具有固定大小布局的网页,即使它远非“最先进的”,它在当前的实现中也很好,但对于移动设备屏幕来说有点太高了。
由于“标题”部分对任何人都无关紧要,因此每个人都希望在移动设备上查看页面时立即平移/向下滚动一点(或者,从广义上讲,在比页面固定高度短的视口上)。
我可以做一些 HTML 或 JS 魔术来告诉浏览器开始显示已经向下滚动 X 像素的页面吗?
我有一个具有固定大小布局的网页,即使它远非“最先进的”,它在当前的实现中也很好,但对于移动设备屏幕来说有点太高了。
由于“标题”部分对任何人都无关紧要,因此每个人都希望在移动设备上查看页面时立即平移/向下滚动一点(或者,从广义上讲,在比页面固定高度短的视口上)。
我可以做一些 HTML 或 JS 魔术来告诉浏览器开始显示已经向下滚动 X 像素的页面吗?
您可以尝试链接和锚点之类的东西。
http://www.yourdomain.com/main.html#bottom
如果您尝试在主页上实现此功能,则不确定锚点是否有效。如果标题在移动浏览器中完全没有意义,那么您可以使用 html 来检测正在使用移动浏览器,然后从此加载隐藏标题的 CSS,或者将其加载到底部。如果这听起来像是一个可行的选择,我可以发布示例。
如果你使用 jQuery,你可以试试scrollTo。但是,您需要确定目标在页面上的位置...
Anchors 是一种解决方案,但我觉得非常好的方法是使用http://archive.plugins.jquery.com/project/LocalScroll。因此使用可以检测 Javascript 中的用户代理并使用此插件向下滚动到适当的位置。
干杯!