草庐IT

【manim】之滚动字幕

全部标签

javascript - 如何使用转换 :translateY() "AngularJS"? 创建垂直滚动条

我正在使用InfiniteScroll在我的应用程序中,我想实现指令中当前不支持的双向滚动效果。我添加了滚动检测方法,它可以发现滚动的向上/向下移动,因此我正在基于此进行计算。我添加了translateY,因此可以轻松添加和删除新元素。因此理想情况下,在向下移动时,应该添加一个新元素,同时应该删除向上的旧元素。滚动不流畅,卡住了。所有元素都是动态的,可以有不同的高度。更新了这个方法handler=function(){varcontainerBottom,containerTopOffset,elementBottom,remaining,shouldScroll,currentPos

javascript - 使 intro.js 工具提示向右强制并使页面滚动

当您在intro.js中添加一个大工具提示时,它会通过执行以下操作来计算是否有空间将工具提示放在顶部、底部、左侧、右侧:/**autodetermineposition*///Checkforspacebelowif(targetElementRect.bottom+tooltipHeight+tooltipHeight>windowSize.height){_removeEntry(possiblePositions,"bottom");}//Checkforspaceaboveif(targetElementRect.top-tooltipHeightwindowSize.widt

javascript - 处理滚动条和 jquery .width() 方法

jQuery的.width()方法似乎没有考虑滚动条。这对我来说是有问题的,因为我想将一些child的宽度设置为等于他们parent的宽度。我使用了类似于以下的jQuery:$('#contentDiv').width($('#containerDiv').width())在这个例子中,#contentDiv是我想要调整大小的元素,我想将它设置为具有#containerDiv的宽度,这是它的父元素。我的问题是这切断了#contentDiv的一侧,如thisfiddle.中所示在我的实际代码中,我有几个使用jQuery调整大小的元素,它们都需要适合可滚动的div,所以只需将#conten

javascript - 如何使同步两个 Divs 滚动位置更平滑

我正在尝试同步两个可滚动的DIVS滚动位置。遵循的方法:Method-1:on-scroll事件设置其他DIV的scrollTop。问题:滚动事件最后执行,UI在iOSSafari中缓慢。Method-2:使用setInterval来同步两个滚动位置。问题:iOS在滚动期间不执行定时器功能,所以滚动位置在最后同步。同样,这更加缓慢。尝试过,许多博客中提到的计时器已修复,但仍然没有优雅。Method-3:尝试自定义滚动条,所以iScroll并尝试在scroll事件上同步两者,问题:这看起来好多了,但在iOS中仍然很慢!!!Method-4:尝试自定义滚动条,所以iScroll并尝试在sc

javascript - 我怎样才能让这个按钮在向下滚动时被点击以无限滚动?

这里的按钮从数据库加载数据。工作良好。LoadMorePosts如何让这个按钮在向下滚动到页面底部时自动被点击。简直就是无限卷轴。我应该使用窗口滚动功能吗?如果是,那么如何在这段代码中做到这一点。我尝试将ajax代码粘贴到此函数中,但没有用。编辑:1.当我将Ajax放入滚动函数时,它在getmore.php中显示mysql错误。2.如果我将带有点击功能的按钮类放在滚动功能中,那么它会触发得太快,以至于多次加载相同的帖子。$(document).scroll(function(){if($(window).scrollTop()+$(window).height()>=$(documen

javascript - 页面在 iPhone 中存在虚拟键盘时向上滚动

我的网站上有一个聊天应用程序页面。主容器在移动设备上占据完整的高度和宽度。容器有position:fixed和里面的3个divposition:absolute。最后一个div#app-msg-composer有一个textarea并像其他聊天应用程序一样在其中发送button。以下是简要代码:Send#app-container{position:fixed;height:100%;width:100%;top:0px;bottom:0px;}#app-header{position:absolute;height:48px;width:100%;top:0px;}#app-body

javascript - 每当我更改其值时如何阻止文本区域滚动到顶部

我正在制作一些东西,其中文本区域会附加越来越多的文本。在firefox中,文本区域每次都向上滚动到顶部。我目前有类似textarea.scrollTop=1000000;的内容,可以在每次更改时将其向下滚动,但它仍然会在很短的时间内上升到顶部。有什么办法可以阻止它这样做吗? 最佳答案 我也遇到了这个问题。它发生在IE和Firefox中,但不会发生在Opera和Chrome中。我想通过对文本区域进行“double-buffering”更改来隐藏瞬间跳转到顶部:创建两个具有完全相同属性和尺寸的文本区域。其中只有一个是可见的;另一个是隐藏

javascript - 如何使用 Youtube API 为 Youtube 视频添加字幕?

是否可以使用GoogleYoutubeAPIv3向Youtube视频添加字幕(重要条件-对于非所有者的视频)?任务:使用适用于JavaScript的GoogleAPI客户端库添加所选语言的自定义字幕。(GooglemapsAPI允许向他们的map添加自定义标记(例如),当我们是在谈论YoutubeAPI吗?) 最佳答案 Google称它们为“字幕”,API部分称为YouTubeAPIv2.0–Captions.Pleasenotethefollowingrequirementsforexecutingcaption-relatedA

javascript - 禁用预测滚动 - 鼠标滚轮 (OnScroll) 事件触发过于频繁(触摸板)

我正在执行JavascriptonScroll。我的代码适用于任何普通计算机鼠标,但是当我使用笔记本的触摸板时,我遇到以下情况:当手指移动滚轮时,我的鼠标会触发(大约1到8次)mousewheel事件。我的触摸板触发了更多(~60)个mousewheel事件,同时两根手指触摸触摸板并在我的手指再次悬空后继续触发。我知道移动触摸设备的这种行为。该功能称为“预测触摸”-如果您的手指移动在抬起之前有足够的加速度,则滚动会继续。我认为触摸板驱动程序正在设置这种“平滑滚动”行为。为了调试这种情况,我使用了以下代码:/*HandleMouse-WheelScrolling*/varlastChan

javascript - 如果指定了绝对位置和 overflow-x hidden,则无法滚动到元素

我有动画ng-view。我正在使用上滑动画,它需要元素的绝对位置以及overflow-x:hidden来剪辑内容。在一个子页面中,我必须使用scrollTo元素功能,但如果指定了both2个值,它就不起作用。这是正确动画所需的主要ng-view类.wrapper{position:absolute!important;left:0;top:0;height:100%;min-height:100%;min-width:100%;overflow-x:hidden;}和结构:Section1Section2Section3CCC我准备了plnkr轻松展示它现在的样子。除了这两个值,还有其