jQuery技术:将jQuery UI Slider附加到DIV的一侧(作为DIV的滚动条)

是否有一种简单的方法可以将UI滑块附加到div的一侧以充当其“滚动条”? 我不在乎技术上是在div的一侧还是技术上的内部。 我只需要UI Slider看起来像div的滚动条。

这将是一个假的滚动条,因为div的内容将是动态的,所以我不能去jScrollPane路线。 根据UI滑块中的值填充内容。

我陷入了CSS地狱,想知道是否有几行解决方案。

提前谢谢了!

    你的意思是这样的吗?

    HTML:

    asdf

    使用Javascript:

     $(function() { $( "#vertical-slider" ).slider({ orientation: "vertical", range: "min", min: 0, max: 100, value: 60, slide: function( event, ui ) { $( "#amount" ).val( ui.value ); } }); $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) ); }); 

    CSS:

     #container{ float: left; border: 1px solid #000; } #box{ float: left; width: 200px; height: 200px; } #vertical-slider{ float: right; height: 200px; } 

      以上就是jQuery教程分享将jQuery UI Slider附加到DIV的一侧(作为DIV的滚动条)相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/547420.html

      (0)
      上一篇 2021年1月11日
      下一篇 2021年1月11日

      精彩推荐