0

私は、カーソル位置に基づいて div のコンテンツをスクロールする CursorDivScroll と呼ばれる Scripterlative によるスクリプトを使用してきました。私の場合、コンテンツを div の右側から垂直にスクロールしたいと考えています。連続スクロールではなく、少し進んでから停止するため、ユーザーはある程度制御できます。スクリプトを動作させるのに問題があり、誰かがより良い解決策を知っているかどうか疑問に思いましたか? 私が持っているスクリプトは、cursordivscroll.js と、私の div のすぐ下にあるこのスクリプトを使用しています。

 <script type='text/javascript' >
     $(document).ready(function() {
  CursorDivScroll( 'repertoiredetails', 40, 10 ).noHorizontal();
     });
 </script>

事前に助けてくれてありがとう。

 <div id="repertoiredetails">
 <p>content</p>
 </div><!-- close repertoiredetails-->

    #repertoiredetails {
background-color:#000;
width:400px;
opacity:0.7; filter:alpha(opacity=70);
    margin-top:140px;
float:left;
height:auto;    
    display:none;
    margin-left:-2px;
    padding-top:5px;
    border-radius:5px;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    z-index:999;
 }

 #repertoiredetails {
cursor: url(../images/arrow.png), auto;
    position:relative;

 }

 #repertoiredetails p {
  text-align:justify;
  text-justify:inter-word; 
  color:#999; 
  font-family:'Arial Narrow', Arial, sans-serif;
  font-size:13px;
  width:400px;
  padding:20px;
 }
4

1 に答える 1

1

が機能しない理由はわかりませんがnoHorizontal()、CSS をいくつか変更することで機能させることができます。

フィドルの例: http://jsfiddle.net/M4AXB/1/

幸運を！

于 2012-09-12T22:38:23.747 に答える