Javascript 水平卷轴在垂直卷轴中工作

Javascript 水平卷轴在垂直卷轴中工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,var ID=$(“.game-lg-2:last”).attr(“ID”);var-oldID=0;var loadContent=false;var loadedID=[]$(document).ready(function(){function loadlovephoto(){if(loadContent==true){ID=$(“.game-lg-2:last”).attr(“ID”);refered=$(“.refereid:last”).attr(“ID”);$('div#lastl

var ID=$(“.game-lg-2:last”).attr(“ID”);var-oldID=0;var loadContent=false;var loadedID=[]$(document).ready(function(){function loadlovephoto(){if(loadContent==true){ID=$(“.game-lg-2:last”).attr(“ID”);refered=$(“.refereid:last”).attr(“ID”);$('div#lastlove\u loader').html(“”);var pathname=window.location.pathname.pathname;if(pathname==“/jquery”){.post(“jquery/morethread123?action=get&lastlove\u ID=”,function(data){.if(data!=”){last-game:lg.after(data);loadContent=false;}
$('div#lastlove_loader').empty();}else{$.post(“/touch/w2et/moregames.php?action=get&lastlove_id=“+id,函数(数据){if(数据!=”){$(.game-lg-2:last”)。在(数据)之后;loadContent=false;}
$('div#lastlove_loader').empty();}oldID=$(.game-lg-2:last”).attr(“id”)};if(loadContent==false){$(window)。scroll(function(){id=$(.game-lg-2:last”).attr(“id”);if($(window)。scrollLeft()>=$(document)。width()-$(window)。width()-300)和id!{oldID){if(id>1){loadContent=true;loadphoto()})
html,正文{
溢出x:隐藏;
} 
.行地平线{
溢出-x:滚动;
溢出y:隐藏;
空白:nowrap;
-webkit溢出滚动:触摸;
}
.row horizon>[class*=“col lg”]、.row horizon>[class*=“col md”]、.row horizon>[class*=“col sm”]、.row horizon>[class*=“game lg”]、.row horizon>[class*=“game sm”]、.row horizon>[class*=“game sm”]、.row horizon>[class*=“game xs”]{
浮动:无;
显示:内联块;
空白:正常;
垂直对齐:顶部;
}
@介质(最小宽度:1200px)
.row horizon>.col-lg-2{
宽度:15%;
}
}
@介质(最小宽度:992px){
.row horizon>.game-md-12{
宽度:90%;
}
.row horizon>.game-md-1{
宽度:7.5%;
}
}
@介质(最小宽度:1200px){
.row horizon>.game-lg-2{
宽度:15%;
}
.row horizon>.game-lg-1{
宽度:7.5%;
}
}
#样式-11::-webkit滚动条
{
溢出:隐藏;高度:0px;
}
#样式11:悬停:--webkit滚动条
{
溢出y:滚动;高度:4px;背景色:#f5;
}
#样式-11::-webkit滚动条拇指
{
背景色:#3366FF;
边界半径:10px;
背景图像:-webkit线性渐变(0度,
rgba(255,255,255,0.5)25%,
透明25%,
透明50%,
rgba(255,255,255,0.5)50%,
rgba(255,255,255,0.5)75%,
透明75%,
(透明)
}
/*
*风格12
*/
.滑行{
溢出-x:自动;
溢出y:隐藏;
空白:nowrap;
左缘:2%;
} 
.btn-circle.btn-xxl{
宽度:130px;
高度:130像素;
填充:45px 3px;
字体大小:22px;
线高:1.33;
边界半径:65px;
}
职位{
字体大小:12px;
线高:1.1;
颜色:#215399;
字体大小:正常;
文字装饰:无;
显示:块;
文本转换:大写;
}

Way2enjoy-创新it
$(函数(){
$(“#主要内容>.row”).mousewheel(函数(事件,增量){
这个.scrollLeft-=(增量*30);
event.preventDefault();
});
});
Facebook游戏/测验

查看您的结果

查看您的结果

查看您的结果

查看您的结果

查看您的结果

查看您的结果

查看您的结果

查看您的结果

乐趣
PDF/Image/MP3在线工具
健康
可移动的
商店

请在您的问题中添加一个代码片段或一个指向JSFIDLE等服务的链接,这样我们就可以方便地查看和重现您的问题。您能稍微说明一下您需要如何处理它吗?仅在水平元素上水平滚动,而仅在窗口上垂直滚动?请注意,不能拖动水平元素上的滚动条,因此如果禁用这些元素上的垂直,我不确定它们将如何移动-除非使用类似nicesroll的东西。js@nicescoll他不在手机里工作。这是一个众所周知的问题。当我移动游戏类别(第一行)时,当用户水平滚动时,它将加载下一个游戏。当鼠标/光标不在第一行并且用户使用鼠标滚轮或滚动时,它应该垂直滚动。一切正常,只是第一行出现问题,只有垂直滚动才能加载更多内容