無縫幀/ IFRAME（合理滾動條）？

Question

摘要：

我想顯示從另一個域的購物車我在我的頁面固定內容的下面 - 並有滾動條出來正常。

詳情：

我需要在「我」的網站在頂部「我的」頭一個頁面中顯示來自一個供應商提供的購物車。 （最終購物將全部在一個子域中，但現在不是，嘆息。）標題是固定的高度。當您在該框架內導航時，購物車頁面的高度會有所不同。

我試過幀和iframe，並且在iframe中存在跨瀏覽器問題。我只測試四種配置，Windows/IE，Windows/Firefox，Mac/Safari和Mac/Firefox。

現在我正在使用兩個框架的框架集，一個框架包含我的固定高度的頁眉頁，另一個包含外部頁面。這確實有效 - 一個問題是當滾動條出現時（當然）只出現在底部框架上。

這將做和客戶端不是很複雜，但它錯誤我。

如果我使用IFRAMES，我發現我需要在各種地方噴灑高度：100％和overflow-y：auto - 但仍然無法避免出現在至少一個瀏覽器中的兩個不可接受問題之一/ OS組合...

1. 組合內容大於窗口，但不顯示滾動條。
2. 內部滾動條和外部滾動條均出現。

任何提示讚賞！

編輯：

謝謝你的工作 - 但我不認爲我正確地傳達了問題。

我沒有使用框架進行佈局 - 我只是簡單地讓一個頁面在另一個站點（託管購物車，並且不應該公開其URL）。

框架「工作」 - 但在第二幀有一個內部滾動條，整個頁面上沒有滾動條是絕對錯誤的行爲。我的客戶不會知道這一點，但對於看到該頁面的人來說，它看起來業餘。

我不明白服務器端包含或CSS會如何做，而且我都很清楚。如果我使用服務器端包含，那麼購物車內部的鏈接將如何工作？我會離開我的網站，對嗎？

摘要：購物車託管在另一個網站上，嵌入在我的內容頁面上。

Answer 1

不要使用框架，如果用戶執行命令並單擊，則產品將在新窗口中打開，並且框架將消失。

一個可行的解決方案我在這裏看到的是用javascript：

1. 負載通過$就

2. 重定向頁面的所有點擊，使其通過

   $('iframe a').on('click',function(){ 
   
       // load the product via AJAX 
   
   }); 
   

   加載在阿賈克斯窗口
   1. 確保Div的高度不固定，以便它自動展開並且滾動條僅在窗口中存在。

這是我能想到的保持無縫集成，同時隱藏鏈接