Question

我使用 mCustomScrollbar 在我的桌子上垂直和水平滚动。我的代码之前工作得非常好，但是我正在整理我的jQuery并且无法看到它现在已经改变了。

备注

我在DevTools中玩过并禁用了自定义滚动条。完成此操作后，我在overflow: hidden上设置了bottomWrapperTable而不是<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>，但水平滚动仍处于停用状态。
该表识别出我的表中还有其他数据，但仍然禁用了滚动。
我在另一个页面中有完全相同的代码，而且效果非常好

的jQuery

 <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>

HTML

class Travel{
    vector <Business> lBusiness;
 public:
    void display();
    };
void Travel::display()
    {
            vector <Business>::iterator ptr;
            for(ptr=lBusiness.begin();ptr!=lBusiness.end();ptr++)
            {
                (*ptr).display();
            }
    }
int main{
        vector <Business*>addB;
        vector<Travel*>addA;
        int choice;
        cin>>choice;
         if(choice==1){
               Travel.display();
               }
    }

任何帮助表示感谢。

修改

如果我完全删除mCustomScrollbar代码，那么它可以工作。我可能只是删除自定义滚动条并设置默认样式

Answer 1

如果您仍想使用自定义滚动条，则不是一个完美的答案。但更好的选择是删除滚动条并设置默认滚动条以满足您的需求。

表不滚动...数据被识别但滚动不可用

1 个答案: