- 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?
조회 수: 5 (최근 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 커뮤니티
참고 항목
카테고리
Help Center 및 File Exchange에서 Read Data from Channel에 대해 자세히 알아보기
Community Treasure Hunt
Find the treasures in MATLAB Central and discover how the community can help you!
Start Hunting!