スライダーCSS、jQueryとレイアウト - 私のスライダーのハンドルが右に1つのノードからのdivクラス=「UI-スライダー」ID =「スライダー」変化のマージンへのハンドルをスライドすると

Question

に離れ

https://www.radiumhosting.com/clients/nodecart.php

を飛ぶのが好きマージン：0;マージンまで：-60px 0 0; divを上に移動させます。私がこれに取り組む前に、ノードも上がっていましたが、div style = "height：60px;"それらを強制的に所定の位置に留める。これは以下のスニペットの4行目にあります。

div id = 'slider'を固定しておくための創造的なアイデアはありますか？

   <div class="slider-background-repeat"> 
       <div class="slider-background-left"> 
        <div class='slider-wrap'> 
        <div style="height:60px;"> 
         <div class='ui-slider' id='slider'> 
          <div class='ui-slider-handle'></div> 
          <div class='handle-text nodes-1'></div> 
          <input class="text text" id="numNodes" name="numNodes" value="{$defaultNodes}" size="30" type="text" /> 

         </div> 

        </div> 

         <ul class='slider-nodes' id='slider-nodes'></ul> 

         <div id='nodesprev' onClick="MoveNodesBack()" ><img src="./modules/servers/vpsnet/assets/images/prev.png" border="0"></div> 
         <div id='nodesnext' onClick="MoveNodesForward()"><img src="./modules/servers/vpsnet/assets/images/next.png" border="0"></div> 
        </div> 
       </div> 

Answer 1

あなたのCSSのライン20のように見えますが、クラスがあなたのslide.jsファイルの行597の周りに追加され

#vps-net-slider .slider-wrap #slider.ui-slider .ui-slider-handle.active { background-position:-75px -20px;} 

あなたのハンドルに追加されたクラスです。私はあなたの問題を引き起こしていることは間違いないと確信しています。