Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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滑块_Javascript_Html_Css - Fatal编程技术网

居中背景图像javascript滑块

居中背景图像javascript滑块,javascript,html,css,Javascript,Html,Css,我已经启动并运行了这个程序,我想知道你是否可以在中间而不是左边启动图像。似乎如果我操纵css,它不会将其居中,因此怀疑它是否需要javascript中的某些内容。事实上,甚至可以在图像中选择一个特定的起点。但我的javascript知识并不是最好的 这就是我要说的 您可以使用jQueryscrollLeft()函数onload将容器滚动到中心。试试这个: var center = $('#content').width()/2 - scrollWrapper.width()/2 scrollWr

我已经启动并运行了这个程序,我想知道你是否可以在中间而不是左边启动图像。似乎如果我操纵css,它不会将其居中,因此怀疑它是否需要javascript中的某些内容。事实上,甚至可以在图像中选择一个特定的起点。但我的javascript知识并不是最好的

这就是我要说的


您可以使用jQuery
scrollLeft()
函数onload将容器滚动到中心。试试这个:

var center = $('#content').width()/2 - scrollWrapper.width()/2
scrollWrapper.scrollLeft(center);

演示:

以下内容将使图像居中,没有可见的滚动条:

newleft =$('body').width()/2 - $('#content').width()/2;
$('#content').offset({left: newleft});
不幸的是,它不是完美的,因为它不允许您通过按“左”按钮滚动到最左边的部分,我试图看看这是否可以改进,但尽管如此,这对您的操作非常有用


请参见

在pageloadAh,您可以向右滚动图像宽度的50%,而无需动画。谢谢您,但是,我的滚动条不存在。。。我有一些css3按钮可与鼠标滚轮滚动和鼠标指针一起导航David发布的解决方案中有可见的滚动条,我以为你在寻找一个没有滚动条的解决方案,就像你原来的小提琴一样。@Nelson:是的,我在小提琴中留有可见的滚动条只是为了调试。然而,我发布的代码不会影响滚动条的可见性。当然,就在我认为这一切都被使用时,它在触摸设备上不起作用。。。我正在寻找如何在触摸设备上检测按钮,但似乎没有太多关于或我在错误的地方寻找(我尝试谷歌)。。。有没有办法轻松地确定按钮的位置?我不想找到另一个完整的图像平移器!啊,我猜是老鼠事件把事情搞砸了?!