Iframe滚动条右对齐

时间:2012-08-08 21:33:54

标签: html iframe

有一种方法可以将滚动条从iframe对齐到右边吗?它默认为左。
任何想法?

take a look here我想在加载页面时看到搜索框!

我有一个ifram的应用程序,在ifram我正在加载一个搜索框在右上方的网站,我希望当页面加载时我应该能够看到搜索框立即无需向右滚动....一些不清楚的东西?

1 个答案:

答案 0 :(得分:2)

你可以使用jquery吗?如果是,您可以执行以下操作:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>This is some text. This is some text. This is some text.
<div id="frame" style="width: 200px; height: 200px; overflow: scroll";>
<iframe src="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>
<script type="text/javascript">
jQuery(document).ready(function () {
$("#frame").scrollTop(10).scrollLeft(750);
});
</script>
</body>
</html>

如果您将代码复制并粘贴到html文件中并在浏览器中打开,您会看到iframe会自动滚动到最右侧。

关键变化是:

  1. 在您的html文件中导入jquery
  2. 向您的iframe添加scrolling =“no”
  3. 指定iframe的宽度和高度,它应与实际宽度和宽度大致相同。嵌入页面的高度
  4. 将您的iframe包装在<div>中,请务必指定宽度&amp;高度(小于iframe宽度和高度)
  5. 在结束</body>代码

    之前添加javascript代码

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