- One way to prevent the gauges from being dragged on the X axis is to use overflow-x: hidden; in your CSS.
- Another way to stop the element from being dragged off the screen on a mobile device is to use JavaScript to calculate the window scroll and offset of the element.
- You can also use the draggable attribute or the pointer-events property to disable the drag event on the gauges.
How to prevent gauges and graphs to move when scrolling?
1 次查看(过去 30 天)
显示 更早的评论
Hi,everytime I view my channel on my mobile the gauges are being dragged when I scroll. How can I prevent it and lock them in space?
0 个评论
回答(3 个)
Yousef
2023-10-29
移动:Image Analyst
2023-11-15
Hi
0 个评论
Yousef
2023-11-15
HI @Bar
To prevent gauges from being dragged when scrolling on your mobile channel, you should first look at the CSS settings and use `position: fixed;` to lock the gauges in place. Additionally, check your JavaScript or JQuery code to disable any draggable functionality specifically for the gauges. It's also important to ensure your design is responsive, handling touch events properly, especially if you're using frameworks like React, Angular, or Vue. Using debugging tools like Chrome DevTools can be helpful for diagnosing and fixing the issue. Lastly, if your channel is built on a specific platform like WordPress or a mobile app development framework, consult their respective documentation for platform-specific solutions.
0 个评论
Christopher Stapels
2023-11-22
If its really important, I would suggest you host them in an iframe on another site. The scrolling behavior is sometimes odd on mobile.
0 个评论
社区
更多回答在 ThingSpeak Community
另请参阅
类别
在 Help Center 和 File Exchange 中查找有关 Develop Apps Using App Designer 的更多信息
Community Treasure Hunt
Find the treasures in MATLAB Central and discover how the community can help you!
Start Hunting!