Html Scroll Box With Horizontal Controls For Vertical Scrolling

I am trying to move the controls from a scroll box, from the default vertical position on the right side of the box, somewhere below it. My code so far looks like this:

Solution 1:

i'm not sure what exactly u r looking for but if u want the horizontal scroll instead of vartical then u should try this:

     <div class="scroll_box">
        <p class="p_width">
        By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow. 
        </p>
        </div>   


       <style> 
        .scroll_box {
        border:1px solid black;
        width:150px;
        height:100px;
        overflow-y:hidden;
        overflow-x:scroll;
          }
        .p_width{               
         width:250%;
          }

</style>

Share