使用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包裹在裏標籤。

這應該工作。