Question

阅读前的信息：此代码是用vanilla js / jquery编写的。

我有一个包含无限产品的产品列表的页面，我想向下滚动一下，点击产品，转到该产品详细信息页面，当我点击浏览器后退按钮时，它会将我发送到列表页面我滚动的高度相同。因此，如果没有框架来建立跟踪状态，基本上是一种痛苦。

我设法获得了一个POC，用于在产品详细信息内容页面上添加iframe并将其放置在顶部＆＃34;的页面。但是，这在Firefox中不起作用。有谁知道为什么？

我认为这是一个z-index问题，但iframe的主体是空的。这是Firefox中的iframe：

<iframe id="productDetails" class="ProductDetailsFrame js-product-details-frame" src="http://localhost:3000/ProductDetailPage.html?productId=1888" scrolling="yes" frameborder="0">
  #document
  <html>
    <head></head>
    <body></body>
  </html>
</iframe>

这是我用来附加iframe的函数：

(...)

function getBaseUrl() {
    var re = new RegExp(/^.*\//);

    return re.exec(window.location.href);
}

(...)

urlRoot = getBaseUrl()[0];
productLoadedUrl = urlRoot + 'ProductDetailPage.html?productId=' + productId;

(...)

function addIframe() {
    $('<iframe>', {
        src: productLoadedUrl,
        id:  'productDetails',
        class: 'ProductDetailsFrame js-product-details-frame',
        frameborder: 0,
        scrolling: 'yes'
    }).appendTo($body);
}

在Firefox中iframe内容为空

0 个答案: