Fixed Position div Vertical Only

jquery css position horizontal-scrolling css-position
user720033 picture user720033 · May 20, 2011 · Viewed 19.5k times · Source

I have a current web build with a right sidebar that is a fixed position. I have tried to positioning from the right but don't want it overlapping other divs content.

What I am looking for is to have the content scrollable horizontally to the right when it is out of the viewport window. Any help would be greatly appreciated.

similarly to this: http://demo.rickyh.co.uk/css-position-x-and-position-y/ however I can not get this working.

This has been solved by alternative method. Thanks for those who actually considered helping.

Answer

Vimal picture Vimal · Oct 18, 2012

Keep the fixed div.

And have the following javascript code which will take care of horizontal moving.

$(window).scroll(function(){
  $('.fixed_div').css('left',-$(window).scrollLeft());
});

Related questions

Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More
scrollTop jquery, scrolling to div with id?

So this is the current code I have $(document).ready(function() { $('.abouta').click(function(){ $('html, body').animate({scrollTop:308}, 'slow'); return false; }); $('.portfolioa').click(function(){ $('html, body').animate({scrollTop:708}, 'slow'); return false; }); $('.contacta').click(function(){ $('html, body').animate({…

Read More
Event to detect when position:sticky is triggered

I'm using the new position: sticky (info) to create an iOS-like list of content. It's working well and far superior than the previous JavaScript alternative (example) however as far as I know no event is fired when it's triggered, which …

Read More