Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有一个单页垂直部分网站,同时,有一些部分(div)有水平部分(div)滑块_Javascript_Html_Css_Sliders - Fatal编程技术网

Javascript 有一个单页垂直部分网站,同时,有一些部分(div)有水平部分(div)滑块

Javascript 有一个单页垂直部分网站,同时,有一些部分(div)有水平部分(div)滑块,javascript,html,css,sliders,Javascript,Html,Css,Sliders,登录页有四个滑块,每个滑块分别是单独的div,但同时整个网页有单独的垂直部分。 我知道如何做垂直位,标准CSS和HTML。但是,如何在一个分区上的水平div之间滑动?使用宽度为100%且溢出:隐藏且位置:相对的div(我们称之为“分区”) 在该div内放置另一个div,宽度为400%,位置为:绝对(我们称之为“包装器”) 然后将4张幻灯片放入该div中,宽度为25%,浮动:左 然后,您可以通过更改“wrapper”的左值将其移动到“section”中来滚动幻灯片 如果设置为左:0%你在第一张幻灯

登录页有四个滑块,每个滑块分别是单独的div,但同时整个网页有单独的垂直部分。
我知道如何做垂直位,标准CSS和HTML。但是,如何在一个分区上的水平div之间滑动?

使用宽度为100%且溢出:隐藏且位置:相对的div(我们称之为“分区”)

在该div内放置另一个div,宽度为400%,位置为:绝对(我们称之为“包装器”)

然后将4张幻灯片放入该div中,宽度为25%,浮动:左

然后,您可以通过更改“wrapper”的左值将其移动到“section”中来滚动幻灯片

如果设置为左:0%你在第一张幻灯片上,-25%你在第二张幻灯片上,-50%你在第三张幻灯片上,-75%你在第四张幻灯片上


您甚至可以设置$('#wrapper')的动画({left:'-25%},'normal')

您不能使用jquery幻灯片组件吗?类似于jcarousal的东西?你看到的动画也可以是水平滑动或垂直滑动。这听起来是一个不错的解决方案。我想试试看