表未滚动..数据已识别,但滚动不可用
Table not scrolling...data is recognised but scroll unavailable
我使用mCustomScrollbar在表格上垂直和水平滚动。我的代码以前运行得很好,但我正在整理我的jQuery,看不到它现在发生了什么变化。
票据
- 我在DevTools中玩过,并禁用了自定义滚动条。完成此操作后,我在
bottomWrapperTable
上设置了overflow: scroll
而不是overflow: hidden
,但水平滚动仍然被禁用 - 该表识别出我的表中有其他数据,但仍禁用滚动
- 我在另一个页面中有完全相同的代码,它运行得非常好
jQuery
<script>
var recordID;
(function(window, document, $) {
$(document).bind('contextmenu', function (e) {
e.preventDefault();
e.stopPropagation();
var recID = $(e.target).parent().attr('id');
recordID = recID;
if ($(e.target).is('td')) {
$('#contextMenu').css({
left: e.pageX + 'px',
top: e.pageY + 'px'
}).show();
$('#contextMenu').fadeIn(500, startFocusOut());
}
return false;
});
$(function() {
$('#fixed-table-head').on('scroll', function(e, val) {
if((-val >= 0) && (val < 10000)) {
this.scrollLeft = -val;
} else if (val === 10000) {
this.scrollLeft = (this.scrollWidth - this.clientWidth);
}
});
});
$(window).load(function(){
$(".bottomWrapperTable").mCustomScrollbar({
axis: "yx",
theme: "dark",
scrollbarPosition: "outside",
callbacks: {
whileScrolling: function(){
setScroll(this.mcs.left);
},
onScroll: function() {
setStartEndScroll(this.mcs.leftPct);
}
}
});
setInterval('updateClock()', 1000);
});
})(window, document, jQuery);
</script>
HTML
<div class="bottomWrapper col-lg-12 col-md-12 col-sm-12 col-xs-12 noPadRight">
<div class="row maxHeight maxWide">
<div id="fixed-table-head" class="col-lg-12 col-md-12 noPadLeft noPadRight">
<table>
<thead>
...
</thead>
</table>
</div>
<div class="bottomWrapperTable col-md-12 col-sm-12 col-lg-12 col-xs-12 noPadLeft noPadRight">
<table>
<thead>
...
</thead>
<tbody>
...
</tbody>
</table>
</div>
</div>
</div>
感谢您的帮助。
编辑
如果我完全删除mCustomScrollbar代码,那么它就可以工作了。我可以删除自定义滚动条并设置默认滚动条的样式,而不是
如果您仍然想使用自定义滚动条,这不是一个完美的答案。但一个更好的选择是删除滚动条,并根据您的需要设置默认滚动条的样式。
相关文章:
- 幻灯片滚动javascript不起作用
- 如何识别我的网站中的慢速设备
- 将视口底部滚动到元素底部
- jQuery Lazy加载动画滚动
- 设置滑块分区上的滚动
- 结合jQuery和jetpack无限滚动
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 滚动到容器中的下一个元素-几乎到了
- 只覆盖箭头键滚动事件
- Google/html5语音识别JavaScript SDK Chrome网络工具包SpeechRecognition
- Javascript如何找到滚动事件的来源
- Image赢得't隐藏在滚动jQuery上
- 如何使用硒 IDE 识别滚动条位置
- 如何使用jquery来识别页面滚动到了哪个部分
- 表未滚动..数据已识别,但滚动不可用
- ios4中webview的Javascript (iscroll4)滚动解决方案推翻/禁用本地手势识别
- 是否有任何事件来识别滚动条点击
- 在jquery滚动函数中不能识别节id
- 识别此网站上滚动效果的名称
- 识别滚动条:Javascript