Tag: scroller

实际上不滚动的HTML5滚动条

我正在制作一个自定义组件 ,它显示了经常更改的巨大动态内容的一部分,因此我无法一直追加并将其删除到文档中 。 带有onScrollBegin , onScrollEnd , onScrollUpdate和scrollTop以及scrollMax值而没有滚动内容function的滚动条会很棒。 我不希望滚动条为我滚动内容。 我需要获取当前的scrollTop值并在不创建高度的内容div的情况下完成我的工作人员。 你有什么建议 ? $(‘#scroller’).on(‘scroll’, (e) => { let offsetY = $(‘#scroller’).scrollTop(); $(‘#custom-content’).text(“current offsetY: ” + Math.round(offsetY)); }); $(document).ready(function(){ $(‘#custom-content’).bind(‘mousewheel’, function(e){ if(e.originalEvent.wheelDelta/120 > 0) { let offsetY = $(‘#scroller’).scrollTop()-3; $(‘#scroller’)[0].scrollTop=offsetY; // $(this).text(‘scrolling up !’); } else{ // $(this).text(‘scrolling down !’); let offsetY = $(‘#scroller’).scrollTop()+3; $(‘#scroller’)[0].scrollTop=offsetY; } e.preventDefault(); […]

如何使用Jquery .animate()函数创建连续滚动内容?

可能重复: 在jquery中实现循环滚动条 我想创建垂直滚动条,它将像marquee一样工作。 但我希望它是连续的,就像当我们使用选框时,整个内容只有在它完全上升后才会回来,但我希望它是连续的。 这就是我所拥有的…… http://jsfiddle.net/JWfaf/1/ 我只希望在一个方向上继续滚动。 我希望我已经清除了我想要实现的目标 HTML ​ JavaScript的 function animatethis(targetElement, speed) { $(targetElement).animate({ marginTop: “+=250px”}, { duration: speed, complete: function () { targetElement.animate({ marginTop: “-=250px” }, { duration: speed, complete: function () { animatethis(targetElement, speed); } }); } }); }; animatethis($(‘.con ul li:first-child’), 10000);​