使用jQuery在GridView中水平滚动内容？

Question

我正在使用C＃/ .NET中的Web应用程序，我的目标是找到一种方法，使用jQuery在ASP.NET gridview控件中水平滚动内容（不使用滚动条或分页）。我的gridview基本上包含许多包含数百行数据的列，因此我想为用户提供一种方法，可以轻松地水平滚动内容以查看更多列，无论它们在页面上滚动的距离是多少。

这个看似简单的任务在过去的几天对我来说是一场噩梦，因为我已经在整个网络上搜索过但却没有发现任何相似之处。我尝试了各种解决方案，即：

http://www.smoothdivscroll.com/#quickdemo

http://www.gmarwaha.com/jquery/jcarousellite/?#demo

我能够在这些网站上复制代码并轻松地将这些代码设置为以与演示相同的方式滚动图像集合。例如，在第一个链接中，我所要做的就是包含.js文件，然后将其添加到我的标记中：

$(document).ready(function() {
    $("#makeMeScrollable").smoothDivScroll({ 
        mousewheelScrolling: true
    });
});

然后我只需添加＆lt; img＆gt; ＆lt;里面的标签div id =“makeMeScrollable”＆gt;一切都很完美。但是，如果我取出图像代替＆lt; asp：GridView＆gt;，我的gridview仍然会出现，但滚动不起作用。

对此问题的任何指导都将非常感谢！谢谢！

Answer 1

您使用的库仅适用于img标签，即它只显示图像。 因此，smoothdivscroll javascript库不适合滚动不是img的html元素。

访问

Visit, and check the nice demos especially the Carousel

Direct link to Carousel demo is here

将您的Gridview包装在li标签中。

这应该有用。