我需要将div中的某个元素(不是直接子元素)滚动到View中。基本上我需要与ScrollIntoView相同的功能提供，但针对指定的父级(只有该父级应滚动)。此外，我无法使用任何第3方库。我不太确定如何解决这个问题，因为我的JavaScript开发非常有限。有没有人可以帮助我？我找到了thiscode那将完全满足我的需要，但不幸的是它需要JQuery而我无法将它转换为纯JavaScript。 最佳答案 我想我有一个开始给你。当您想到这个问题时，您会想到让子div进入父级的可视区域。一种天真的方法是使用页面上的子位置相对于页面上父位置
我有一个包含许多子项的可滚动元素和一个带有相应选项的选择标签。我想根据元素.scrollTop()更改select的值如何高效地做到这一点？我考虑过将children的.offset().top存储在一个数组中并循环遍历它。但是，浏览器不处理它。我可能会尝试创建一个.setTimeout()标志，但这看起来并不干净。r=$('ul')offsets=[]r.find('li').each((index)->offsets[index]=$(this).offset().top)r.bind('scroll',->//whileloopchecking.scrollTop()>offse
我正在使用bootstrap4导航栏，想在ig400px向下滚动后更改背景颜色。我正在查看react文档并找到了一个onScroll但找不到那么多信息。到目前为止，我已经...我不知道我是否使用了正确的事件监听器或如何设置高度等。而且我并没有真正设置内联样式...importReact,{Component}from'react';classAppextendsComponent{constructor(props){super(props);this.state={scrollBackground:'nav-bg'};this.handleScroll=this.handleScro
我只是想滚动到浏览器窗口中的特定DOM元素或绝对位置，但它不起作用。这是我的代码:$(window)._scrollable();$('#scene_01_down').click(function(){$(window).scrollTo(2000,1000);});这是插件的文档:http://flesler.blogspot.com/2007/10/jqueryscrollto.html 最佳答案 你真的需要那个插件吗？$("html,body").animate({scrollTop:2000,scrollLeft:1000
如果滚动结束到达div标签，我需要触发一个函数..$("#page").bind("scroll",function(e){//pageistheIDofthedivimscrollingif(document.body.scrollHeight-$(this).scrollTop() 最佳答案 $("#page").scroll(function(){if($(this)[0].scrollHeight-$(this).scrollTop()==$(this).outerHeight()){//whatyouwanttodo...
我正在使用contenteditablediv构建一个富文本编辑器，我发现当我写的内容多于适合屏幕的内容时，我滚动以使光标不再位于底部，然后我再次开始输入，滚动默认将光标再次放在屏幕底部。当我从keydown或keypress尝试jquerye.preventDefault时，它当然会停止，但我也无法输入任何内容!如果我继续沿着这条路走下去，除非我能找到一种方法来只针对这个特定的行为，否则我最终将不得不编写整个contenteditable行为的脚本!如何让滚动条保持在用户想要的位置？aloha和CKeditor是怎么管理的？？编辑:即使编辑器窗口div设置为溢出:隐藏也会发生这种情况
我试图操纵元素的位置，所以在某些页面滚动位置之间，他的css发生了变化。看看这个简单的例子:http://jsfiddle.net/6RtTX/8/问题是-$(window).scroll不是那么准确，所以如果我滚动得非常快，它就会变得非常困惑。这个问题有解决办法吗？我可以在$(window).scroll方法中对这些操作进行排队吗？提前致谢。 最佳答案 试着像这样改变你的fiddle的代码:$(window).scroll(function(event){if(event.pageY>100&&event.pageY通过使用传递的
标题几乎描述了我的目标。这是代码[仅适用于WebKit]:我们有两个div，elem1和elem2。还有一个名为logger的文本框来显示结果。elem1有一些带有溢出的文本:滚动。functioneventHandler(e){varmyEvt=newe.constructor(e.type,e);document.getElementById('elem1').dispatchEvent(myEvt);}functionelem1MouseScroll(e){document.getElementById('logger').value='mousescrollon'+(e.tar
我正在构建一个页面，该页面需要一些元素在页面顶部滚动，否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好，但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位，有没有办法解决这个问题？更新:每当子元素变为“固定”或“未固定”时，我都会添加一个警报。警报继续触发，因此样式仍在应用，只是不起作用
我正在使用MaterialDesignlite和Angular.js。当事件到达底部时无法调用事件。我几乎尝试了所有解决方案，但没有奏效。像jQuery解决方案:$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){alert("bottom!");}});或者Javascript之一:document.addEventListener('scroll',function(event){if(document.body.scrollHeight==do
