将网页嵌入另一个网站(自定义滚动条)

时间:2012-09-03 08:59:57

标签: iframe scrollbar embed tinyscrollbar

这可能有点奇怪,但这里有:

我正在尝试将tumblr博客嵌入到网站中,以便他们可以更新自己的日程安排,并希望使用实际页面本身。最初我们使用了一个很好的iframe但是我们正在使用自定义滚动条(http://baijs.nl/tinyscrollbar/)。

iframe弹出自己的滚动嵌入式网站的常规滚动条。自定义滚动条只是向上和向下移动iframe,而不是内部的内容。 (同样似乎也是对象/嵌入标签)

有没有更好的方法可以解决我们想要做的事情,还是有一些我不知道的脚本让所有这些工作?有问题的网页在这里 - http://www.brettloudermilk.com/temp/schedule.html

我会发布一些代码,但不确定这对此有何帮助...

1 个答案:

答案 0 :(得分:0)

iframe页面和网站是否位于同一个域中?如果是这样,您可以获取iframes文档获取其当前高度并相应地设置iframe的高度。之后,您需要更新滚动条。

var $scroller = $( "#youscrollbarid" ).tinyscrollbar();

$('#youriframesid').load(function() {
    this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
    $scroller.tinyscrollbar_update();
});