Отзывчивый iframe, отображающий определенную c часть сайта - PullRequest
0 голосов
/ 13 марта 2020

Прежде всего, это может быть дубликат Разрешение отзывчивого фрейма указанной части c части страницы - как? . и iframe, чтобы показать только определенную часть страницы

Но выслушайте меня. Ни ответы, ни комментарии не помогли мне там. Я не могу найти в Google ничего, что мне нужно, и если это вообще возможно.

У меня возникла следующая проблема; Для веб-сайта нам нужно получить несколько продуктов с сайта, который вы увидите ниже на странице. Я не мог понять, как можно загрузить несколько ссылок в одном кадре (не думаю, что это даже возможно), поэтому нам понадобится несколько кадров. Для iframe мы не хотим видеть боковую панель, верхний или нижний колонтитулы. Другими словами, просто указанное c место на сайте.

Я использовал div в качестве оболочки с некоторой максимальной шириной и высотой, а iframe имеет высоту + ширина 100%.

.dn-frame-product-wrapper {
    max-width: 1280px;
    height: auto;
    overflow: hidden;
}
.dn-frame-product {
    width: 100%; 
    height: 100%;
}

HTML настроен следующим образом

<div class="dn-frame-product-wrapper">
     <iframe src="https://sledgehammerasia.com/cement-basket/cement-basket.html" class="dn-frame-product" scrolling="no"></iframe>
</div>

Мы хотим просто показать эту часть: https://image.prntscr.com/image/y8a3NZftQp6wgJtmA6yN9Q.png

Итак, как я уже говорил выше, нет заголовка, боковой панели или нижнего колонтитула. (Мне нужно что-то придумать для кнопки «Вернуться вверх», которая начинает показываться, когда вы прокручиваете слишком далеко)

Пожалуйста, дайте мне знать, если это вообще возможно сделать с HTML / CSS, я не против добавить javascript файлы, если необходимо, но, пожалуйста, помогите мне с этим кодом, если есть решение.

Спасибо, в любом случае!

...