Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    May 2011
    Posts
    357
    Thanks
    23
    Thanked 1 Time in 1 Post

    In window scroll bar

    A div that moves the divs innerHTML with a scrollbar.
    Last edited by sherlockturtle; 10-01-2011 at 12:05 AM.

  • #2
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    You might find Custom Scrollbar from Hesido useful
    http://www.hesido.com/web.php?page=customscrollbar
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #3
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    mmm... we're not talking about this are we?

    Code:
    <style>
    #mydiv{
    width:80px;
    white-space:nowrap;
    overflow-y:hidden; 
    }
    </style>
    <div id="mydiv">Hello there. I am the contents</div>

  • #4
    Regular Coder
    Join Date
    May 2011
    Posts
    357
    Thanks
    23
    Thanked 1 Time in 1 Post
    Quote Originally Posted by xelawho View Post
    mmm... we're not talking about this are we?

    Code:
    <style>
    #mydiv{
    width:80px;
    white-space:nowrap;
    overflow-y:hidden; 
    }
    </style>
    <div id="mydiv">Hello there. I am the contents</div>
    Yes but up down not left right!

  • #5
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,981
    Thanks
    56
    Thanked 557 Times in 554 Posts
    nothing to do with javascript, but anyway...

    Code:
    <style>
    #mydiv{
    width:200px;
    height:200px;
    overflow-x:hidden; 
    }
    </style>
    <div id="mydiv">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div>

  • #6
    Regular Coder
    Join Date
    May 2011
    Posts
    357
    Thanks
    23
    Thanked 1 Time in 1 Post
    Quote Originally Posted by xelawho View Post
    nothing to do with javascript, but anyway...

    Code:
    <style>
    #mydiv{
    width:200px;
    height:200px;
    overflow-x:hidden; 
    }
    </style>
    <div id="mydiv">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div>
    Thanks


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •