我正在构建一个响应式网络应用程序，其中移动/瘦小的部分隐藏了屏幕外的各种面板。我发现将这些项目放在右侧即left: 100%'隐藏'并不能正确隐藏项目，因为即使移动版本位于html和{{{{}}之外，它仍会显示它1}}区域。
我想通过添加此类来滑动这些隐藏的项目：body（使用jQuery点击事件），这会将.focused值更改为left。该类有一个CSS变换应用于它，它也处理动画。
测试时，我发现将隐藏面板放在左侧可以正常工作。
任何人都可以为我提供更好的解决方案吗？我真的需要将隐藏的内容放在右侧。
这里有一些CSS可以告诉你发生了什么：
0答案 0 :(得分：1)
我知道这篇文章相当陈旧，但最近我遇到了同样的问题。我使用视口元数据标签来处理这个问题，使用固定的宽度。同时在CSS中使用媒体查询应用固定宽度和overflow-x：hidden到主体可能会有所帮助。
<meta name="viewport" content="width=960; user-scalable=no; initial-scale=1.0; maximum-scale=1.0;">
希望这有助于某人。
答案 1 :(得分：0)
你的外表几乎就在那里。您需要确保＃hidden-item的父元素具有宽度设置和位置：固定或绝对。
使用稍微修改过的css查看此jsfiddle：http://jsfiddle.net/HNrCD/2/