使用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 
    }); 
}); 

然后我不得不添加< DIV ID内的< IMG>标记=” makeMeScrollable“>，一切正常。但是，如果我取出图像代替< asp：GridView>，我的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包裹在里标签。

这应该工作。