jquery滚动条插件 mCustomScrollbar 有个奇怪的问题求助!!!

https://img3.mukewang.com/5c48216000010d5d08000381.jpg

如图,我利用 mCustomScrollbar 插件在滚动区域产生了滚动条!
滚动区域的高度超出的话就会产生滚动效果!
这个高度是用 mCustomScrollbar 插件的 内置 api 设置的!

https://img3.mukewang.com/5c4821630001678006070400.jpg

显示计算出屏幕剩余的的高度 然后调用set_height将计算出的h设置给滚动插件!

现在问题来了

在图一中可以看到下图中标记的按钮,当我的鼠标悬浮 这个按钮就会显示!

https://img3.mukewang.com/5c482166000140ce08000489.jpg

重点!!!→→→→
如果我不滚动,直接在当前可是区域点击这个按钮 就能正常执行,但是我滚动到默认不在可视区域的数据上 点击这个按钮 按钮不会正常执行自己的事件,而是滚动条向上滚动!!!!

如果我不设置高度,按钮全部能正常点击 但是那样滚动效果就没有了!

求助!!!!


浮云间
浏览 441回答 1
1回答

森林海

详解可以自己看源码$('#form-wrap').mCustomScrollbar({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; theme: "minimal-dark",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; advanced: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; autoScrollOnFocus: "" // 默认设置中,会导致嵌套使用滚动插件的时候,点击表单(如:<input type="checkbox"/>)时定位到顶点&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript