Jquery滚动css不起作用

Question

好的，在解决了这个问题(元素在单击时消失。)之后，我有一个新的问题，我认为，这个问题和这个问题有关。

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

我无法用JSFiddle (小提琴)复制这个问题，下面是描述上述问题的一些图片：

这是我的菜单：

​

​

，这是我在菜单上悬停的时候：

​

​

--这是我选择"over“的时候：

​

​

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

​

​

现在的问题是，我如何才能给我所选的按钮(图3)与我的未选择按钮(图4)相同的css？

这种样式的text-decoration:none不工作。此外，使用:active css属性也不起作用。

我似乎在网上找不到解决办法。我是不是遗漏了什么？

溶液

谢谢你的回答！:focus成功了。以前从没听说过，但成功了。谢谢!

Answer 1

您应该看看CSS伪类:focus，这里是文档。

这个答案将告诉您更多关于:focus和:active伪类的区别。

干杯。

Answer 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 
} 

Answer 3

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

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

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

:focus元素的学分分配给Drops。