Отключить прокрутку в iframe с помощью typeform - PullRequest
Новая
       10

Отключить прокрутку в iframe с помощью typeform

0 голосов
/ 10 октября 2018

У меня есть форма формы, встроенная в iframe, но я не хочу, чтобы она прокручивалась внутри самого iframe.

Вот мой код: 

<html>
  <head>
    <title>Project</title>
  </head>
  <body>
    <iframe class="typeform-widget"
      src="https://weblify.typeform.com/to/WDbDw2" data-transparency="50"
      data-hide-headers=true data-hide-footer=true style="width: 100%; height: 500px;">
    </iframe>
    <script> 
    (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })
    </script>
  </body>
</html>

Кто-нибудь знаетрешение?

Ответы [ 2 ]

0 голосов
/ 10 октября 2018

Мне интересно, действительно ли вам нужно использовать элемент iframe, возможно, это из-за вашего контекста.

Из SDK для встраивания Typeform и один из их примеров Я вижу, что они используют div с id="my-embedded-typeform", а затем загружают скрипт SDK для встраивания иНастраиваемый сценарий для настройки и запуска. 

    <div id="my-embedded-typeform"
     style="width: 100%; height: 300px;"></div>



    <script src="https://embed.typeform.com/embed.js" type="text/javascript">`enter code here`</script>
    <script type="text/javascript">
      window.addEventListener("DOMContentLoaded", function() {
      var el = document.getElementById("my-embedded-typeform");

      // When instantiating a widget embed, you must provide the DOM element
      // that will contain your typeform, the URL of your typeform, and your
      // desired embed settings
      window.typeformEmbed.makeWidget(el, "https://admin.typeform.com/to/cVa5IG", {
        hideFooter: true,
        hideHeaders: true,
        opacity: 0
      });
    });
  </script>

Они упоминают в своих документах , что настраиваемые сценарии для встраивания не рекомендуются, так как они могут вызвать проблемы с прокруткой (среди прочего).

Возможно, следование их руководствам может помочь вам в ваших целях или, по крайней мере, сделает его более управляемым.

Надеюсь, это поможет!

0 голосов
/ 10 октября 2018

попробуйте 

.typeform-widget:before {
    content: '';
    width: 100px;
    height: 500px;
    position: absolute;
    background: #FFF;
    left: 94%;
}
...