jquery - Hacking Vertical Scroll into Horizontal Scroll -
i know goes against every usability rule in book, have ideas forcing vertical scroll scroll horizontally?
so if:
the user viewing page, , scrolled downwards, page scroll horizontally?
thanks!
with respect, sounds strange thing , preliminary tests show can done, result practically useless. try this:
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>scrolling test</title> <!-- jquery library - google api's --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function(event){ var topscroll = $(window).scrolltop(); var leftscroll = $(window).scrollleft(); $(window).scrollleft(topscroll); $("body").css("padding-top", leftscroll); }); }); </script> <style type="text/css"> h1 { font-family: verdana, arial, sans-serif; font-size: 46px; display: block; white-space:nowrap; } body { height: 1000px; } </style> </head> <body> <div id="content"><h1>lorem ipsum dolor sit amet, consectetur adipiscing elit. curabitur tincidunt dictum rhoncus. phasellus nulla nulla, facilisis eu aliquam aliquet, mattis pulvinar purus. </h1></div> </body> </html>
since scrolling on actual browser window seems it's not possible capture scrolling event , prevent propagating. tried using jquery (event.stoppropagation) , didn't work. insted resorted adding top padding body create illusion no vertical scrolling has occured. can't see being used in live environment though since result horrible. :-)
nevertheless, fun thing explore!
regards, thomas kahn
Comments
Post a Comment