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

【问题标题】：Using jQuery to horizontally scroll content in GridView?使用 jQuery 在 GridView 中水平滚动内容？
【发布时间】：2012-07-27 21:30:24
【问题描述】：

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

然后我只需在中添加标签，一切正常。但是，如果我取出图像代替，我的 gridview 仍会出现，但滚动将不起作用。

任何有关此问题的指导将不胜感激！谢谢！

【问题讨论】：

标签： c# jquery asp.net gridview scroll

【解决方案1】：

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

参观

Visit, and check the nice demos especially the Carousel

Direct link to Carousel demo is here

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

这应该可行。

【讨论】：