草庐IT

scrollbox

全部标签

javascript - 如何区分通过鼠标滚动和在 JavaScript 中以编程方式滚动?

我通过更改Javascript中的scrollLeft属性来滚动溢出的DIV的内容:setInterval(function(){$('#scrollbox').scrollLeft($('#scrollbox').scrollLeft()+1);},50);但是,我想在用户使用鼠标自己滚动内容时立即停止此操作。我尝试使用滚动事件检测到这一点$('#scrollbox').scroll(function(){...});但是,我上面的自动滚动也会触发该事件。我如何区分这一点并仅对用户启动的滚动使用react?(或者:我怎样才能阻止上面的代码触发滚动事件?这也可以解决问题)

javascript - 如何使用 JavaScript/CSS 制作一个圆形的 ScrollBox?

我想重新创建下面GIF中描述的圆形滚动框,我不认为有什么原因可以使用css制作圆形滚动框,所以我考虑将padding-left添加到ul的每个子级到使滚动框显示为圆形。为了实现这一目标,给li-1添加0px的padding给li-2添加2px的padding给li-3添加4px的padding给li-4添加6px的padding给li-5添加8px的padding给li-6添加6px的padding给li-7添加4px的padding给li-8添加2px的padding给li-9添加0px的padding滚动填充可以更改为给li-2添加0px的padding给li-3添加2px的pad