Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.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_Scroll_Scrollbar - Fatal编程技术网

Javascript 返回到滚动条末尾的“开始”

Javascript 返回到滚动条末尾的“开始”,javascript,html,css,scroll,scrollbar,Javascript,Html,Css,Scroll,Scrollbar,我用JS创建了一种假卷轴,因为我的老板使用Mac电脑,默认情况下卷轴栏是关闭的,他想看看发生了什么 我的代码是这样的: $(函数(){ var popular_products_span=$(“#popular_products_span”); var items=流行的_产品_span.children(); 流行的产品\u跨度预编(“”); 项目。wrapAll(“”); 流行的(产品)查找(#内部)包装("内部");; 外部变量=$(“#外部”); var updateUI=函数(){

我用JS创建了一种假卷轴,因为我的老板使用Mac电脑,默认情况下卷轴栏是关闭的,他想看看发生了什么

我的代码是这样的:

$(函数(){
var popular_products_span=$(“#popular_products_span”);
var items=流行的_产品_span.children();
流行的产品\u跨度预编(“”);
项目。wrapAll(“”);
流行的(产品)查找(#内部)包装("内部");;
外部变量=$(“#外部”);
var updateUI=函数(){
var maxWidth=outer.outerWidth(真);
var实际宽度=0;
$。每个($(“#内部>”),函数(i,项){
实际宽度+=$(项目)。外径(真);
});
};
updateUI();
$(“#右键”)。单击(函数(){
var leftPos=outer.scrollLeft();
外部动画({
向左滚动:左位置-300
}, 300);
});
$(“#左按钮”)。单击(函数(){
var leftPos=outer.scrollLeft();
外部动画({
向左滚动:左位置+300
}, 300);
});
$(窗口)。调整大小(函数(){
updateUI();
});
});
#流行产品{
溢出:隐藏;
}
img{
填充:10px;
}
#外{
浮动:左;
宽度:400px;
溢出:隐藏;
空白:nowrap;
显示:内联块;
}
#左键{
浮动:左;
}
#右键{
浮动:左;
}
#内:第一个孩子{
左边距:0;
}
.隐藏{
显示:无;
}

这就是我最终使用的更简单的方法

那么你想绕过去吗?是的,我想让它持续下去。你想让它看起来无穷无尽,还是想让它回到起点,重新开始?为什么不使用现有的旋转木马,比如我想让它看起来无穷无尽,但任何一种方法都可以