用闭包创建滑块

Question

我试图用闭包实现一个内容滑块，使用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();} 

任何意见或任何明显的错误？

Answer 1

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... */ 
}