创建带闭包的滑块
创建带闭包的滑块
提问于 2014-02-24 14:35:02
我正在尝试使用goog.fx.dom.Slide函数实现一个带有闭包的内容滑块。其思想是能够在容器div的底部拖动滑动条，并使容器div随着用户移动滑块而相应地滑动。使用当前的设置，我在控制台上没有得到任何错误，但是容器div没有滑动到任何地方。
HTML：
<div id="sliderContainer">
<div id="slider">
<div id="s-h">
<div class="sliderBox"></div>
...
<div class="sliderBox"></div>
</div>
</div>
JS (单击滑块即可触发，可正常工作)。A和B是目标值(例如，100和0，因为我只需要水平滚动)：
function slide(a, b) {
// a and b are coordinates provided b
var el = document.getElementById('s-h');
var duration = 1000;
var x = el.offsetLeft;
var y = 0;
var anim = new goog.fx.dom.Slide(el, [x, y], [a, b], duration,goog.fx.easing.easeOut);
anim.play();}有什么建议，或者有什么明显的错误吗？
回答 1
Stack Overflow用户
发布于 2014-03-21 15:16:32
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... */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21980512
复制相关文章
相似问题
腾讯云开发者
