根据鼠标滑轮，判断ul滑动距离/每拨动一次鼠标滑轮-显示一条数据

写不出来怎么办 ，硬写！！！有好方法希望大家可以告诉我，多多弥补，直接上代码

html:代码：

{{ i.ocableName }}
暂无光缆数据

js代码：

gundong() {const vm = this;// 其他浏览器直接绑定滚动事件;// console.log('鼠标滚动事件');const menulist = document.getElementById('menulist');if (menulist.addEventListener) {menulist.addEventListener('DOMMouseScroll', scrollFunc, false);}menulist.onmousewheel = scrollFunc;function scrollFunc(e) {e = e || window.event;if (e.wheelDelta) {if (e.wheelDelta > 0) {// 上vm.countindex = Number(vm.countindex) + 24;if (vm.countindex >= 0) {vm.countindex = 0;}menulist.style.top = vm.countindex + 'px';// console.log('滑轮向上滚动', e, menulist.scrollTop, vm.countindex);}if (e.wheelDelta < 0) {// 下// console.log(vm.countindex);vm.countindex = Number(vm.countindex) - 24;// console.log('+++++++++++++++', vm.countindex, vm.allData.length * -24);if (vm.countindex <= (vm.allData.length - 12) * -24) {vm.countindex = (vm.allData.length - 12) * -24;}menulist.style.top = vm.countindex + 'px';// console.log('滑轮向下滚动', e, menulist.scrollTop, vm.countindex);}}}},

引文本来想用scrollTop 来写，但是这个值一直付不上去，所以改用定位 ，方法有点low 但效果可以实现，24 指的是li 的行高

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！