当它下面的 div 碰撞时,防止 div 向上滚动?

我问类似的问题 [https://stackoverflow.com/questions/59587515/how-to-make-the-mobile-keyboard-appearance-bump-the-div-rather-than-absolutely-p#] 昨天,但解释得很差,没有具体说明我对纯 CSS 解决方案的渴望,我认为这应该是可能的,所以我再次尝试。 基本上,我有一个问题,我有一个可滚动消息的 div 和下面的输入字段。当我点击一个按钮时,我希望输入字段增加 100 像素,而没有消息滚动的 div。 这是一个小提琴,展示了问题的全部 [https://jsfiddle.net/jpzsa8yg/] 如您所见,当您单击 “添加边距” 按钮时,消息 div 也会向上滚动。我希望它留在原处。类似地,如果你稍微向上滚动,所以你只能看到倒数第二条消息,点击按钮同样会在点击时保留那个位置。 有趣的是,这种行为 “有时” 被保留了下来。例如,在某些情况下 (我不能完全推断) 滚动位置被保留。我只是希望它能始终如一地表现出来。 窗口.onload = 函数 (e) { 文档。查询选择器 (“ ……

共11个回答, 标签: javascript html css scroll scrollbar
最新版本的谷歌 Chrome, 73.0, 网页应用程序的溢出不再起作用

最新版本的谷歌 Chrome, 73.0, 网页应用程序的溢出不再使用, 而不指定高度100% 的容器。这是个虫子吗? ……

共2个回答, 标签: html css google-chrome scroll overflow
在可滚动元素上使用时的本地滚动问题

我注意到, 如果您使用具有可滚动元素的 LocalScroll 插件, 并且在这些元素中使用滚动, 这种行为有时看起来像有一个 bug。 URL 与问题的例子: http://jsfiddle.net/oms02/s53h7gko/26/ [http://jsfiddle.net/oms02/s53h7gko/26/] $.localScroll({ target: '#wrapper', axis: 'xy', queue:true, duration:1000, hash:false, lazy:true, onBefore:function( e, anchor, $target ){ }, onAfter:function( anchor, settings ){ } }); #wrapper { border:3px solid black; width:400px; height:300px; margin: 10px auto 0; o ……

共1个回答, 标签: jquery plugins scroll scrollto
滚动到 javascript Q/A 脚本

我想添加一个滚动到脚本.question to scroll to the .item_group_resultat that is .active。 文档。查询选择器 (“。导航”)。addEventListener (“单击”,函数 (e) { 让 currentIdx; 数组。从 (这个。 querySelectorAll ("。问题 ”)。一些 ((q,idx) => (q = e.tar get)? (currentIdx = idx,true): false); 让 prev = document.querySelector (".item_group_resultat.active"); 文档。querySelectorAll (".item_group_resultat") [currentIdx]。类列表。切换 (“活动”); Prev & prev.classList.remove (“active”); }); 我这样做了,但它不像我想要的那样工作:Http://jsfiddle.net/n4tbweg3/9/ [http://jsfiddle.net/n4tbweg3/9/] ……

共0个回答, 标签: javascript jquery scroll scrollto
当我滚动时,元素水平移动。它随机发生

我正在做的网站是Http://www.smartandwise.co.kr/home/ [http://www.smartandwise.co.kr/home/] 它看起来像这样: enter image description here [https://i.stack.imgur.com/ryPMI.jpg] [https://i.stack.imgur.com/ryPMI.jpg] 我想在新添加的元素上添加滚动动画 (视图中出现的元素)。 该网站已经在使用带有旧元素的滚动动画,但是当我复制并粘贴代码时,它不起作用,所以我复制并粘贴了代码此站点 [https://cssanimation.rocks/scroll-animations/] 当我看了其他标签并滚动后回来时,它就会出现。所以也许这是浏览器的问题? 它发生在双方。 ……

共0个回答, 标签: javascript html css scroll css-animations