0

スライドスクロールの設定に問題があります。この特定のdivに何日も取り組んでおり、質問を数回修正しています。上下の画像を使用して、div内でコンテンツを垂直方向にスクロールするために必要なものが正確に揃ったと思います。しかし、私はこのコードを機能させることができません-それは私がそれを見つけたScripterlativeでうまく機能しているようですが。

固定位置に配置された2つの上下の画像で使用するようにslidescrolljavascriptを構成しようとしています。jsファイルの指示は場所によっては少しあいまいで、少し助けを求めていました。問題の原因がわからない。

***アップデート

下にスクロールできますが、上にはスクロールできません。そして、光の速度で下にスクロールし、マウスが画像を離れると急激に遅くなります。何か案は？*

これは私が持っているものです：

 HTML/CSS

 <div id="repertoiredetails">
 <div id="repertoirescroll">

 <div class="arrows">
 <img id="upButton" src="images/arrowup.png" title="up" alt="up" width="15" height="28">
 <img id="downButton" src="images/arrowdown.png" title="down" alt="down" width="15" height="28">
 </div>

 <p>content</p>
 </div>
 </div>

 #repertoiredetails {
 background-color:#000;
 width:400px;
  margin-top:140px;
 height:1000px; 
  margin-left:-2px;
  padding-top:5px;
  overflow:hidden;
 }

  #repertoirescroll {
width:100%; 
 }

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

.arrows {
height:50px;
left:350px;
z-index:999;
top:450px;
position:fixed;
}

更新されたコード これは、指示に従って、終了divレパートリー詳細のすぐ下に配置されます。

<script type='text/javascript' >

new SlideScroll( 'upButton', 'self', 'up');
new SlideScroll( 'downButton', 'self', 'down');

そしてslidescroll.jsが頭の中にあります。固定画像リンクの場合、jsには「self」のIDが必要です。

これに関するどんな助けもありがたいです！

ありがとうございました

4

1 に答える 1

0

コードを調査したところ、slidescroll.js に問題が見つかりました。この問題を解決するには、以下を置き換えます

yStep =  -this.speedFactor * (((vBoth ? this.btnHeight / 2 : this.btnHeight) - my) / (vBoth ? this.btnHeight /2 : this.btnHeight));

と

yStep =  -this.speedFactor * ((my - (vBoth ? this.btnHeight / 2 : this.btnHeight)) / (vBoth ? this.btnHeight /2 : this.btnHeight));

これで問題が解決します。

于 2012-09-15T19:06:10.337 に答える