New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[BUG Report] Chrome 129.0.6668.100 横向滚动条消失 #307

Open

AnkioTomas opened this issue Oct 15, 2024 · 1 comment

AnkioTomas commented Oct 15, 2024

以官网demo为例：https://gridmanager.lovejavascript.com/demo/index.html#demo-fixedCode

Author

AnkioTomas commented Oct 15, 2024 •

edited

Loading

.table-div {
    /* scrollbar-width: thin; */
    /* scrollbar-color: #e1e1e1 #f3f3f3; */
}

研究发下是这两个属性导致的，Chrome最近更新了滚动条的默认行为。
如果使用上面这两个属性设置滚动条，默认情况下滚动条会自动隐藏，除非你进行了滚动行为。

.table-div::-webkit-scrollbar-thumb {
    background-color: #f3f3f3;
    border-radius: 10px;
}
.table-div::-webkit-scrollbar {
    display: block;
    width: 12px;
}

加上这两行，强制显示滚动条

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment