javascript - 禁止水平滚动<div>(jquery.甘特图)</div>

首页 > 解决方案 > 禁止水平滚动

(jquery.甘特图)

问题描述

如何禁用容器中的水平滚动？例如通过 JS。我在最大使用https://taitems.github.io/jQuery.Gantt/。缩放级别，所以我不需要水平滚动。尽管如此，有些条形图更长，当我将鼠标悬停在甘特图上时，水平滚动会激活。怎么禁止呢？提前谢谢了！

标签： javascriptjquerycss

解决方案

您需要使用 js 阻止滚动事件，因为水平滚动是在整个容器上激活的，而不仅仅是甘特图。所以你应该搜索js文件。您是否尝试评论这些行（*jquery.fn.gantt.js 中的 264、265、267）？

    //element.scrollNavigation.panelMargin = parseInt($dataPanel.css("left").replace("px", ""), 10);
    //element.scrollNavigation.panelMaxPos = ($dataPanel.width() - $rightPanel.width());
    //element.scrollNavigation.canScroll = ($dataPanel.width() > $rightPanel.width());

或者正如@Wimanicesir 评论的那样，尝试设置element.scrollNavigation.canScroll = false;在我上面显示的行的正下方。

推荐阅读