# The screen cannot scroll after importing ZoomMtg

**URL:** <https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385>\
**Category:** Web\
**Created:** [December 29, 2020, 9:11pm UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385 "2020-12-29T21:11:39Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![yuhaoh](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/yuhaoh/32/20758_2.png) [@yuhaoh](https://devforum.zoom.us/u/yuhaoh)\
**Post date:** [December 29, 2020, 9:11pm UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385/1 "2020-12-29T21:11:39Z")

</div>

**Description**  
I used Angular 8 for my website, it worked fine without ZoomMtg. But after importing ZoomMtg, the website failed to scroll while all the buttons shown were clickable (so not frozen). I followed the tutorial and included codes in style.css and angular.json files, but I think Zoom SDK’s boostrap.css file overrode my style (Loading animation was not working and font changed as well).

**Error**  
No error messages.

**Which version?**  
“@zoomus/websdk”: “^1.8.5”,  
Angular CLI: 8.2.2  
Node: 12.16.2  
OS: darwin x64  
Angular: 8.2.14

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [December 29, 2020, 10:33pm UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385/2 "2020-12-29T22:33:45Z")

</div>

Hey @yuhaoh,

Thank you for reaching out to the Zoom Developer Forum. It definitely sounds like the Web SDK CSS is overriding your custom CSS. Have you tried adjusting the order that CSS is imported to your application? If you import your custom CSS last, that will make sure that it takes precedence over previously defined rules.

I hope that helps!

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![yuhaoh](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/yuhaoh/32/20758_2.png) [@yuhaoh](https://devforum.zoom.us/u/yuhaoh)\
**Post date:** [December 30, 2020, 4:26am UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385/3 "2020-12-30T04:26:29Z")

</div>

Hi Max,

Thank you for your reply. I can have my styles working properly now, but the page is still unscrollable when I import ZoomMtg. I have my code as:

import { ZoomMtg } from ‘@zoomus/websdk’;

ZoomMtg.preLoadWasm();  
ZoomMtg.prepareJssdk();

Could you please tell me what caused that?

Thanks!

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [December 30, 2020, 7:06pm UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385/4 "2020-12-30T19:06:30Z")

</div>

Hey @yuhaoh,

Thank you for providing additional information. Looking at the code snippet there, I’m not able to determine what the issue would be. Are you able to share a public git repo that I can use to reproduce the issue?

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![yuhaoh](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/yuhaoh/32/20758_2.png) [@yuhaoh](https://devforum.zoom.us/u/yuhaoh)\
**Post date:** [January 1, 2021, 5:34pm UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385/5 "2021-01-01T17:34:28Z")

</div>

Hi Max,

I figured out the problem. It is caused by the zoom style overriding my custom css as you mentioned. The overflow is set to hidden when I get to the page where zoom sdk is imported, so the page cannot scroll.

Thank you so much for your time.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 4, 2021, 8:06pm UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385/6 "2021-01-04T20:06:22Z")

</div>

Hey @yuhaoh,

Happy to hear you got it sorted out! 🙂

Let us know if you have any other questions!

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [February 4, 2021, 6:06am UTC](https://devforum.zoom.us/t/the-screen-cannot-scroll-after-importing-zoommtg/39385/7 "2021-02-04T06:06:30Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
