Question

我设计了一个细分为商品的水平网站（id＃和.class）。 JS允许我使用鼠标滚轮水平滚动，但我想要滚动百分比（例如向左或向右50％）或上一个或下一个项目。

$(function() {
$("#wrapper").mousewheel(function(event, delta) {
this.scrollLeft -= (delta * 100);
event.preventDefault();
});
});

TNX

Answer 1

您可以使用this水平滚动。您可以使用它跳转到页面：

要获得html页面的宽度，您可以使用$（document）.width（）;

然后您可以使用视频端口宽度将其除以 $（窗口）.WIDTH（）;.所以：

window.addEventListener("resize", pageResize);

var pageResize = function(){
    viewWidth    = $(window).width();     //no var to make the variable global
    pageHeight    = $(document).width();  //no var to make the variable global
    numberOfPages = pageWidth/viewWidth;  //no var to make the variable global
}
var goToPage = function(page){
    window.scrollTo((page-1)*viewport, 0);
}

或者要跳转到某个对象，您可以使用：

只需传入您想要跳转到的元素的ID。

var nav = function(l){
    var left = $("#"+l+"").offset().left; //Getting X of target element
    window.scrollTo(left, 0);
}

您必须调整部分代码才能完全按照自己的方式使用网页。

不确定这是否能回答您的问题。如果没有，请随时告诉我，以便我可以编辑它。

用鼠标滚轮水平滚动

1 个答案: