Skip to content Skip to sidebar Skip to footer
Home / Html / Iframe

Iframe Scrollbar Align To Right

Post a Comment
There is a way to align the scroll bar from an iframe to right? its by default to left. any idea? take a look here i wanna see the search box when i load the page! i have an appli

Solution 1:

can you use jquery? if yes, you can do the following: 

<!DOCTYPE html><html><head><scriptsrc="http://code.jquery.com/jquery-latest.js"></script></head><body><p>This is some text. This is some text. This is some text.
<divid="frame"style="width: 200px; height: 200px; overflow: scroll";><iframesrc="http://www.w3schools.com/default.asp"width="1024"height="768"scrolling="no"><p>Your browser does not support iframes.</p></iframe></div>
This is some text. This is some text. This is some text.</p><p>The align attribute was deprecated in HTML 4, and is not supported in HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p><scripttype="text/javascript">jQuery(document).ready(function () {
$("#frame").scrollTop(10).scrollLeft(750);
});
</script></body></html>

If you copy and paste the code into a html file and open it in your browser, you'll see that the iframe is automatically scroll to the very right.

The key changes are:

  1. import jquery in your html file
  2. add scrolling="no" to your iframe
  3. specify the width and height of your iframe, it should be roughly the same as the actualy width & height of the embedded page
  4. wrap your iframe in a <div>, be sure to specify the width & height (less than the iframe width & height)

  5. add the javascript code before the closing </body> tag

    <script type="text/javascript"> jQuery(document).ready(function () { $("#frame").scrollTop(10).scrollLeft(800); }); </script>

Post a Comment for "Iframe Scrollbar Align To Right"