Having a interactive 3D model on a webpage is great for exploration, learning, and navigating.
However, when viewing on the phone, there comes the issue of distinguishing between interacting with the 3D component or scrolling/browsing the rest of the page.
To avoid confusion and frustration when interacting, we have found using preventDefault to disable the scrolling is important.
Take note of the #container.When working with Model Viewer, you must match the id with the id in the script section. See line "53" and "63" in the image below.