Как запретить встраиваемую форму для прокрутки после загрузки - PullRequest
Новая
       15

Как запретить встраиваемую форму для прокрутки после загрузки

2 голосов
/ 27 марта 2019

Я создаю приложение ReactJS и у меня есть форма ввода, которую я встраиваю в середину страницы. Проблема в том, что как только Type-Form загружается в https://www.npmjs.com/package/@heyjobs/react-typeform-embed

Код: 

class OverTheCounter extends Component {
  render() {
    return (
      <div className="OtcContainer">
        <div className="overTheCounterPage">
          {/*<img  src={image1} alt="HeaderImage" />
      <h1 >Over the counter</h1>
   </div>
   <OtcIcon />
   */}
        </div>
        <ParallaxHeader />
        <div className="typeForm">
          <ReactTypeformEmbed
            className="typeForm"
            url="https://xxx.typeform.com/to/XXX"
          />
        </div>
        <OtcIcon />
        <Footer />
      </div>
    );
  }
}
export default OverTheCounter;

1 Ответ

2 голосов
/ 13 апреля 2019

Так что для используемого вами компонента реагирования я не могу комментировать или объяснять, как он работает.Однако я недавно создал и поддерживаю библиотеку веб-компонентов (которая из моих тестов хорошо работает с React).

Вы можете установить ее с помощью 

npm install typeform-elements

и импортировать библиотеку для встраивания в вашу запись приложенийукажите: 

import 'typeform-elements/dist/embed';

И, наконец, используйте компонент следующим образом ... 

<typeform-standard url="{typeform_url}"></typeform-standard>

Компонент embed имеет несколько атрибутов, которые вы можете использовать, и узнайте здесь .И если что-то не работает, откройте вопрос!

...