Is it possible to disable a JS plugin after a webpage has been loaded?
Question
A web page normally loads some JS scripts like (animate.je, wow.js, scrollpage.js, and so on) when loading. I have realized one of these scripts are affecting the layout on mobile devices like smartphones when rotated in landscape position. Is there any way to say: If you are in landscape mode, disable the script 'animation.js'?
Edit: The problem pops up if the page is loaded in landscape mode and after that the device is rotated in landscape mode.
2 answers
solution1
0 2020-01-03 08:22:48
You can append script to DOM with a condition
Example:
<html>
<body>
<script>
if (!landscape) {
const script = document.createElement('script');
...
const body = document.getElementsByTagName('body')[0];
body.appendChild(script);
}
</script>
</body>
</html>
solution2
0 2020-01-03 09:55:24
First of all you shouldn't really disable the script animation.js you should extend it to not trigger when screen is landscape.
To do so you need to detect screen size change. Just follow this question Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions (this could be omitted if you detect landscape with each iteration/trigger/event or whenever your animation.js content is executing troubling functions)
Now you need to make reusable function that detects if you're in landscape (that's answered in other question as well).
Final step is to apply it inside animation.js - first on load, meaning you need to prevent animation.js to function from executing in above function says it's landscape. Then You need to react on switch to landscape.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.