Jquery向下滚动css不起作用答案

【问题标题】：Jquery scrolldown css not workingJquery向下滚动css不起作用
【发布时间】：2015-07-27 04:31:52
【问题描述】：

好的，所以在解决了消失问题 (Element disappearing on click) 之后，我有一个新问题，我认为它与这个问题有关。

当我单击标题链接时，页面会使用 Jquery 向下滚动到正确的文章。这个功能很好用。但是另一个功能会更改页面上相应按钮的 css (scrolltop())。此功能也有效。但是当我单击按钮时，我的 css 并没有改变。它使我的按钮成为一个白色链接，周围有一个灰色的“点击”边框（由浏览器完成）。只有当我单击屏幕上的其他任何位置（以删除“活动”按钮状态）时，按钮才会改变颜色。

我无法用 JSFiddle (Fiddle) 复制问题，所以这里有一些描述上述问题的图片：

这是我的菜单：

这是我悬停菜单时：

这是我选择“over ons”的时候：

这是我取消选择按钮的时候：

现在的问题是，我怎样才能让我选择的按钮（图 3）与我未选择的按钮（图 4）具有相同的 css？

这种风格text-decoration:none 不起作用。同样使用:active css 属性也不起作用。

我似乎无法在互联网上找到解决方案。我错过了什么吗？

解决方案

感谢 Drops 的回答！ :focus 成功了。以前从未听说过它，但它确实有效。谢谢！

【问题讨论】：

foo:selected{text-decoration:none} ?
看看css伪类:focus和outline属性。
用css写大纲：无；
@Drops 您能否将您的答案添加到答案中而不是评论中？然后我可以将其标记为最佳答案:)
@Mr.wiseguy 给你，我还添加了关于:focus 和:active 之间区别的优秀答案的链接。

标签： jquery html css selected

【解决方案1】：

你应该看看 CSS 伪类:focus，这里是docs。

This answer 会告诉你更多关于:focus 和:active 伪类之间的区别。

干杯。

【讨论】：

【解决方案2】：

创建一个类noSelect 并将其分配给所有这些按钮。这将防止它被突出显示

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

编辑如果是这种情况，请尝试设置

a:active {
    outline:none 
}

【讨论】：

将此类分配给按钮（即标签）不起作用。
解决方案是 :focus Outline:node 对我没用。
哦，不错！您应该发布您的问题的答案，然后让其他人看到

【解决方案3】：

css 元素:focus 是点击元素的答案。通过使用.menuButton:focus，我设法设置了单击按钮的样式。

由于滚动和动态更改按钮样式（我的按钮根据页面位置获得活动状态），我还需要它在启动后立即移除焦点。

这可以通过：$(':focus').blur() (Jquery) 来完成。

:focus 元素的功劳归于 Drops。

【讨论】：