Jquery, not changing css top value

Question

So the problem im having is changing my #scroll top:value with the pixel (px) extension.

#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");
  });

never mind yet my above comment may I ask what's this $( 0 + "px");? — Reigel Gallarde
– Reigel Gallarde, Commented Jan 27, 2010 at 17:07

antpaw · Accepted Answer · 2010-01-27 17:07:36Z

5

try this

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

this line doesnt make any sens:

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

answered Jan 27, 2010 at 17:07

antpaw

16.1k11 gold badges64 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Starboy Over a year ago

That did work, thank you very much! Sorry about the random variable I had in.

Community · Accepted Answer · 2017-05-23 11:53:10Z

0

Pretty sure you don't add the px.

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

Should do it.

Also, if you are doing what I think you are trying to do (keep scrolling a div on hover) then this thread might be of interest to you, if not, disregard it. Continuous mouseover

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Jan 27, 2010 at 17:15

Gazler

84.4k18 gold badges285 silver badges245 bronze badges

1 Comment

Starboy Over a year ago

Exactly what I was trying to do, but when I just used "topVal-10" I couldn't get anything to work unless adding the (px). Hence why I was thinking I could just do " topVal-10 + "px" "

Collectives™ on Stack Overflow

Jquery, not changing css top value

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related