javascript - 我应该如何在移动设备上滚动我的页面?
问题描述
当用户使用滚轮时,我有一个滚动的滑块,但在手机上它不起作用。我应该如何解决这个问题?我使用了 jQuery scroll() 但它不起作用。请帮忙。滑块非常简单,在计算机上完全没问题,但在我的手机上不起作用我应该使用什么?什么方法?
$(document).ready(function() {
var curPage = 1;
var numOfPages = $(".skw-page").length;
var animTime = 1000;
var scrolling = false;
var pgPrefix = ".skw-page-";
function pagination() {
scrolling = true;
$(pgPrefix + curPage).removeClass("inactive").addClass("active");
$(pgPrefix + (curPage - 1)).addClass("inactive");
$(pgPrefix + (curPage + 1)).removeClass("active");
setTimeout(function() {
scrolling = false;
}, animTime);
};
function navigateUp() {
if (curPage === 1) return;
curPage--;
pagination();
};
function navigateDown() {
if (curPage === numOfPages) return;
curPage++;
pagination();
};
$(document).on("mousewheel DOMMouseScroll", function(e) {
if (scrolling) return;
if (e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {
navigateUp();
} else {
navigateDown();
}
});
$(document).on("keydown", function(e) {
if (scrolling) return;
if (e.which === 38) {
navigateUp();
} else if (e.which === 40) {
navigateDown();
}
});
});
解决方案
推荐阅读
- c# - 为什么这个异步方法不会导致线程死锁?
- go - Is GoLang safe to use partial cache restoration with CircleCI?
- c# - How to use class from DLL referenced by referenced DLL
- python - 403 forbidden when using OpenGraph Django
- spring-boot - 如何在@WebFluxTest 中禁用 oauth2 客户端注册?
- php - Getting maximum values from table through inner join not producing fully output
- c# - Kafka c#:自定义分区器和分配器实现
- c# - .Include 表达式不一致的EntityFramework
- spring-boot - Spring Boot Rest 模板编码
- python - 如何检查数据帧的三列值是否小于另一个标准数据帧的同时值?