Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.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/90.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_Slider_Google Closure Library - Fatal编程技术网

Javascript 创建带闭包的滑块

Javascript 创建带闭包的滑块,javascript,html,css,slider,google-closure-library,Javascript,Html,Css,Slider,Google Closure Library,我正在尝试使用goog.fx.dom.Slide函数实现一个带有闭包的内容滑块。其思想是能够拖动容器div底部的滑动条,并在用户移动滑块时使容器div相应地滑动。使用当前设置,我在控制台上没有收到任何错误,但是container div不会在任何地方滑动 HTML: 有什么建议,或者有什么明显的错误吗 require('goog.ui.Slider'); //后来 var slider = new goog.ui.Slider(); slider.render(); //但是您还必须添加cs

我正在尝试使用goog.fx.dom.Slide函数实现一个带有闭包的内容滑块。其思想是能够拖动容器div底部的滑动条,并在用户移动滑块时使容器div相应地滑动。使用当前设置,我在控制台上没有收到任何错误,但是container div不会在任何地方滑动

HTML:

有什么建议,或者有什么明显的错误吗

require('goog.ui.Slider');
//后来

var slider = new goog.ui.Slider();
slider.render();
//但是您还必须添加css

.goog-slider-thumb {
  top: 0;
  width: 20px;
  height: 100%;
  position: absolute;
  /* background image */
}

.goog-slider-horizontal {
  width: 200px;
  height: 20px;
  /* color, etc... */
}
你在找这个吗-
var slider = new goog.ui.Slider();
slider.render();
.goog-slider-thumb {
  top: 0;
  width: 20px;
  height: 100%;
  position: absolute;
  /* background image */
}

.goog-slider-horizontal {
  width: 200px;
  height: 20px;
  /* color, etc... */
}