Jumping around smoothly within the window – javascript?

@johntopJun 11.2007

salut!
I am a complete nerd regarding javascript and even html. I am still just fiddling, but I am trying hard.
I am trying to build a website which is supposed to be quite big, means you have to do a lot horizontal and vertical scrolling. One problem is: when you click on the scrollbar or menu it will jump to the point of interest very hard. Is there a way of making the jump more soft, more smooth, maybe with a slight experience of moving???
if this is nothing for javascript, what is it for???
thanks a lot!
johntop

to post a comment

JavaScript

@A1ien51Jun 11.2007 — #What scrollbar or menu, how are you moving the user to the location? Need some more details so we are not left in the dark trying to figure out your situation.

Eric

@johntopauthorJun 11.2007 — #well, I have a floating layer, but that doesn't really matter, does it? With that menu you can either use the menu or the scroll bar. you could grab the slider within the scrollbar or just click on the scrollbar area. that is the problem: if someone doesn't like to use the slider, he could either menu or click on the scroll area. and because I put some anchors up on the website, the window will instantly jump to the anchor, without really showing the movement itself. Do you understand? It is rather complicated, maybe not the subject itself, but my description. It's because I really don't know much about stuff, you know!

Ergo: the idea was: the user clicks on the menu (which could be a javascript floating one) or somewhere on the scrollarea to fiddle around and the window should do a shift towards that point.

That would be really cool, if someone -or even you Eric- can figure that out for me, or just a hint!

thanks, regards

johntop

@A1ien51Jun 11.2007 — #If it is a scrollbar that is part of the browser, you will have not control over that.

For the menu, you can look into window.moveBy(x,y), setTimeout, and

<i>
 </i>function getElementPosition(theElement){
 var posX = 0;
 var posY = 0;
 while(theElement != null){
 posX += theElement.offsetLeft;
 posY += theElement.offsetTop;
 theElement = theElement.offsetParent;
 }        		      <br/>
 return{x: posX, y: posY};
 }
 var pos = getElementPosition(document.getElementById("someId"));
 alert(pos.x +"," + pos.y);

Eric

@johntopauthorJun 11.2007 — #Hm, I shall give that one a try.

Thanks a lot from Europe

Jumping around smoothly within the window – javascript?

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Jumping around smoothly within the window – javascript?

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴