个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
考虑这个 JSFiddle 中的 HTML 页面:http://jsfiddle.net/rb8rs70w/2/
它通过 CSS 的 position: absolute 有一个“粘性”标题。
...
<body class="body-menu-push">
<header role="banner">
<a href="#" class="menu-toggle" id="show-menu">Menu</a>
<h1 class="logo"><a href="/">Site Title</a></h1>
</header>
<nav class="menu" id="main-menu">
<ul>
<!-- menu items here -->
</ul>
</nav>
<article class="content">
<!-- page content here -->
</article>
</body>
...
这是 CSS:
* {
margin: 0;
padding: 0;
}
header[role="banner"] {
height: 70px;
font-size: 20px;
line-height: 70px;
border-bottom: 2px solid #ccc;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
background-color: #fff;
}
.menu-toggle {
display: block;
position: absolute;
left: 20px;
}
.logo {
font-size: 20px;
float: right;
margin-right: 30px;
}
.menu {
width: 200px;
height: 100%;
position: fixed;
top: 0;
left: -200px;
z-index: 1010;
background-color: #eee;
}
.menu.menu-open {
left: 0px;
}
.body-menu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
body.body-menu-open {
left: 200px;
}
.content {
width: 400px;
margin: 120px auto;
}
单击“菜单”链接会从左侧打开一个推送菜单 (#main-menu)(最初是隐藏的)，页面的其余部分将被推送到右侧。再次点击“菜单”链接将使推送菜单消失，页面回到原来的位置。
它在 Firefox (v31) 和 IE (v9) 中运行良好，但在 Chrome (v36.0.1985.143 m) 上，当出现推送菜单时，“菜单”链接消失(可能是因为绝对定位的标题没有被推到右边)。需要注意的一件有趣的事情是，如果我调整 Chrome 窗口的大小(我猜它会重新绘制内容？)，“菜单”链接会重新出现(也就是说，标题被正确地推到右边)，同时再次点击它使推送菜单消失(并且页面的其余内容也回到其原始位置)，粘性标题保持被推到右侧。
有人可以指出在 Chrome 中可以/可能做些什么来解决这个问题吗？
最佳答案
使用
body.body-menu-open {
margin-left: 200px;
}
而不是刚刚离开:200px；这应该在 Chrome 中修复
工作 fiddle :http://jsfiddle.net/rb8rs70w/3/
关于html - 绝对定位的标题不喜欢在 Chrome 中被推送，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25419171/
25
4
0
假设您有下表，名为 Likes: A|B --- a|b a|f a|e a|i b|a b|i c|d e|p 在此表中，A 中的值表示“喜欢”B 中的人。因此，a 喜欢 b，a 喜欢 f，a 喜欢
请访问此处观看直播https://ibnul.neocities.org/_temporary/au2pr4/like-dis-icon-active-effect.html 这里我有多个评论部分，每
我想要一个喜欢/不喜欢的超链接来在我的页面上显示不同的内容:当点击“喜欢”时，显示“好”；单击“不喜欢”时，显示“不好”。我的代码是这样的: function Homepage(){ t
我们已经建立了一个 Facebook Page Tab application用Like Gate .我们之前已经做过无数次了，在这方面，这个应用程序没有任何异常。 在我们的 ASP.Net 4.0
我正在尝试在我的页面上实现一个喜欢/不喜欢按钮。我设法让按钮工作(点击时它会变成喜欢，反之亦然)，它还会在数据库表上创建或删除类似的东西。现在的问题是喜欢的计数器。它仅在我第一次单击按钮时有效，即如果
我想在我的 Android 应用程序中集成一个赞按钮。我用了代码 likeWebView = (WebView) findViewById( R.id.webView1 ); likeWebView
我有一个漫画网站，我希望用户可以为每部漫画和每件艺术品一次投票。 我的代码似乎有两个问题: 1) 我只希望一个用户每张图片投票一次...所以我想捕获他们的信息并将其存储在数据库中。我有一个 ON DU
我正在开发 web 应用程序，我必须像 facebook 那样实现“喜欢”系统。应用程序将包含客户可以“喜欢”的几类产品。所以我开始创建数据库，但遇到了一个障碍。据我了解，有两种方法可以做到这一点:
我需要一个 mysql 查询方面的帮助。我无法找到特定查询的解决方案。我什至不确定，如果 LIKE 运算符是我正在寻找的。 我想要实现的是，找到所有包含 url 的行，如果该 url 不是 foo.c
如何为 Like 编写动态 LINQ 方法条款。 供引用，有Dynamic LINQ OrderBy on IEnumerable / IQueryable .我正在寻找一个类似的动态 Like条款。
This question already has answers here: Cumulative number of unique values in a column up to current
我需要任何用户能够每 24 小时点赞一次 我为此写了一个函数 const LIKE_HEART = 'like_heart'; const LIKE_FINGER = 'like_finger'; p
让我在这里解释一下整个事情，以便您可以清楚地了解情况: 我在 Facebook 上有一个页面，这些见解(页面上的和来自图形 API 的)为我提供了很多有值(value)的信息，但我需要更深入。我正在考
给定这个脚本: DECLARE @token NVARCHAR(max) SET @token = 'mytexttosearchfor' SELECT * FROM myTable WHERE my
我怎样才能做一个Like-query，要搜索多个值？ $searchWords = explode(' ', Input::get('search')); 然后我得到一组用于搜索的单词。 我怎样才能通
我正在尝试在页面上制作一个“赞”按钮，但似乎无法使其正常工作。基本上有三个函数使用ajax将数据发送到更新数据库的php页面。我已经检查了数据库并且所有三个更新都正确。如果用户最初不喜欢并单击，它会正
我有两张 table 在“用户”表中，每个用户都有一些技能。它们位于单个列上并连接在一起。在表“技能”上，每个技能都有一个关联的标签。 碰巧有些用户的技能不再在表“技能”中引用。 我想做的选择应该列出
所以我正在尝试设计一个数据库来跟踪观看次数、喜欢次数和下载次数。现在要跟踪的条目数量预计为 1m 或更多，所以通常我会每天跟踪每个条目，但对于 1m，我担心性能甚至可能是硬盘大小。 客户希望能够显示上
我像在 Firebase 事件数据库中一样实现了该系统。点赞计数器位于 EventModel -> likesInfo -> likesNumber 处。问题在于数据发散，例如，如果两个用户快速(0.
假设两个用户正在使用一个应用程序，并已授予该应用程序适当的权限来检索他们的点赞。是否可以使用 FQL 或图形 api 来查找他们的共同点？类似于如何使用图形 API 在两个用户之间找到共同的 frie
我是一名优秀的程序员,十分优秀！