0

私は C#/.NET で Web アプリケーションに取り組んでおり、私の目的は、jQuery を使用して ASP.NET グリッドビュー コントロール内のコンテンツを水平方向にスクロールする方法を見つけることです (スクロールバーやページングを使用せずに)。私のグリッドビューには、基本的に数百行のデータを含む多くの列が含まれているため、ユーザーがコンテンツを簡単に水平方向にスクロールして、ページをどれだけ下にスクロールしてもより多くの列を表示できるようにしたいと考えています。

この一見単純なタスクは、過去数日間、私にとって悪夢でした。ウェブ全体を探し回ったのですが、似たようなものは何も見つかりませんでした。私はさまざまな解決策、つまりこれらのものを試しました:

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

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

これらのサイトのコードを複製して、デモと同じように画像のコレクションをスクロールするように簡単に設定することができました。たとえば、最初のリンクでは、.js ファイルを含めて、これをマークアップに追加するだけで済みました。

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

次に、 < div id="makeMeScrollable" > 内に < img > タグを追加するだけで、すべてが完全に機能します。ただし、< asp:GridView > の代わりに画像を取り出すと、グリッドビューは引き続き表示されますが、スクロールは機能しません。

この問題に関するガイダンスをいただければ幸いです。ありがとうございました!

4

1 に答える 1

0

使用しているライブラリは img タグでのみ機能します。つまり、画像のみを表示します。したがって、smoothdivscroll JavaScript ライブラリは、img ではない html 要素のスクロールには適していません。

訪問

素敵なデモ、特にカルーセルにアクセスして確認してください

Carousel デモへの直接リンクはこちら

Gridview を li タグでラップします。

これはうまくいくはずです。

于 2012-07-28T04:27:06.813 に答える