const parent = document.querySelector(".EquipmentInspectionScroll");
parent.addEventListener(
"mouseenter",
function (e) {
e.target.style.overflowY = "auto";
},
false,
);
parent.addEventListener(
"mouseleave",
function (e) {
e.target.style.overflowY = "hidden";
},
false,
);
parent.addEventListener(
"scroll",
function (e) {
e.target.style.overflowY = "auto";
setTimeout(()=>{
e.target.style.overflowY = "hidden";
},3000)
},
false,
);
动态显示隐藏滚动条
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来...
- 1.table固定尺寸滚动条 滚动条的样式设置,随意设置你喜欢的滚动条 上面是滚动条的主要几个设置属性,还有更详尽...
- /deep/ { /* 设置滚动条的样式 */ ::-webkit-scrollbar { widt...