在 asp.net Web 应用程序的 Gridview 中使用 shift + 滚动进行水平滚动？答案

【问题标题】：Horizontal scroll using shift + scroll in asp.net web application's Gridview?在 asp.net Web 应用程序的 Gridview 中使用 shift + 滚动进行水平滚动？
【发布时间】：2016-11-06 03:57:39
【问题描述】：

我在 asp.net 中有一个 web 应用程序，它有一个超过 12 列的 gridview。我使用

添加了一个水平滚动条

 <div style="overflow-x: auto;">
  <asp:GridView ID="gvBill" runat="server" >
  .
  .
  </asp:GridView>

我需要一个水平滚动的功能.. 只是 gridview。我已经搜索并找到了有关 mouseWheel 事件的答案，但它们都是针对 c# Windows 应用程序的。我需要和 StackOverflow 中的一样。请给我一些网址或任何可以帮助的东西。谢谢。

例如：在 SO 中，当我们按住 Shift 键并使用鼠标滚动/触摸板滚动时，它会水平滚动。在这里试试：SQLBulkCopy inserts a new row with NULL values for all columns

【问题讨论】：

标签： c# jquery css asp.net gridview

【解决方案1】：

.Gridview{
    overflow-x: scroll;
}

和

<asp:GridView ID="gvBill" runat="server" CssClass="Gridview" />.

将向x方向添加滚动

如果你想捕捉鼠标滚轮事件，我找到了这个解决方案：

(function() {
    function scrollHorizontally(e) {
        e = window.event || e;
        var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
        document.getElementById('yourDiv').scrollLeft -= (delta*40); // Multiplied by 40
        e.preventDefault();
    }
    if (document.getElementById('yourDiv').addEventListener) {
        // IE9, Chrome, Safari, Opera
        document.getElementById('yourDiv').addEventListener("mousewheel", scrollHorizontally, false);
        // Firefox
        document.getElementById('yourDiv').addEventListener("DOMMouseScroll", scrollHorizontally, false);
    } else {
        // IE 6/7/8
        document.getElementById('yourDiv').attachEvent("onmousewheel", scrollHorizontally);
    }
})();

基本上，当它加载文档时，它会获取元素的 id，并将侦听器添加到 scrollHorizontally...测试它并让我知道它是否有帮助

来源：Horizontal scrolling with mouse wheel in a div

我提供了一个 jsfiddle https://jsfiddle.net/Lugj8dp2/ 它似乎适用于普通表，它应该适用于您的情况。

【讨论】：

无论如何，我认为像你一样包装 gridview 应该可以工作......如果它不起作用，请尝试像这样设置固定宽度：
围绕 GridView。
仅使用触摸板/鼠标滚轮滚动是否有效？我没有看到任何地方提到的 shift 键。上述修复无效。
overflow-x:auto 只会添加一个正在发生的水平滚动条。我需要使用 Shift 或任何热键 + 鼠标滚动条滚动它。我希望你有我的问题。
你想只使用触摸板/鼠标滚轮并禁用hor滚动条吗？
不，请在此处尝试相同的操作。转到问题的代码详细信息，您会在其中看到水平滚动条，然后按住 shift 键 + 滚动鼠标。我需要相同的功能。 stackoverflow.com/questions/37880016/…