Jquery, не меняя верхнего значения CSS

Question

Таким образом, проблема, с которой я сталкиваюсь, заключается в изменении моего #scroll top: value с расширением pixel (px).

#container {
 height:100px;
 overflow:hidden;
}

#scroll {
 position:relative;
 top:0px;
}
<div id="container">

<p>
 <a id="up">Up</a>
</p>

<div id="scroll">up down blah</div>

</div>

$(function(){
  $("#up").hover(function(){
    var topVal = $( 0 + "px");
    $("#scroll").css("top", topVal-10 + "px");
  });

Answer 1

попробуйте

 $("#up").hover(function(){
   $("#scroll").css("top", "-10px");
 });

эта строка не имеет никакого смысла:

var topVal = $( 0 + "px");

Answer 2

Уверен, что вы не добавляете px.

$("#scroll").css("top", topVal-10);

Должен это сделать.

Кроме того, если вы делаете то, что я думаю, вы пытаетесь сделать (продолжайте прокручиватьdiv on hover) тогда эта ветка может быть вам интересна, если нет, не обращайте на нее внимания. Непрерывное наведение мыши