Javascript 可手持弹出式自动完成编辑器在水平滚动条处被切断

Javascript 可手持弹出式自动完成编辑器在水平滚动条处被切断,javascript,jquery,css,handsontable,Javascript,Jquery,Css,Handsontable,我在所有列上都有自动完成功能。正如您在这个JSFIDLE中看到的,自动编译编辑器被水平滚动条切断 some code required by stackoverflow to post the jsfiddle link 问题可能是这里描述的: 我在这个问题上工作的时间太长了(我的老板这么说),所以如果你有任何想法/jquery解决方法,我很想知道…看来你必须做一个解决方法才能使它工作,但这是可能的。如中所示,您需要有overflow:auto和位置:固定在子对象中 这以后可能会出现问题,但在

我在所有列上都有自动完成功能。正如您在这个JSFIDLE中看到的,自动编译编辑器被水平滚动条切断

some code required by stackoverflow to post the jsfiddle link
问题可能是这里描述的:


我在这个问题上工作的时间太长了(我的老板这么说),所以如果你有任何想法/jquery解决方法,我很想知道…

看来你必须做一个解决方法才能使它工作,但这是可能的。如中所示,您需要有
overflow:auto
位置:固定在子对象中


这以后可能会出现问题,但在这种情况下,没有其他
位置
设置起作用,所以希望不会出现问题

不真实。它工作得很好。非常感谢你。我向你表示100%的感谢。这里还有一个问题。我需要补偿viewport-div的滚动。我尝试将top和left添加到autocompleteEditor css中,然后使用jquery动态更新这些值,但遇到了各种问题。似乎我需要了解autocompleteEditor是如何定位的。在我们离开时,CSS的位置是:固定的;没有顶部或左侧。那么,如何在屏幕上热移动它呢?一旦我理解了这一点,我就可以使用beforeKeyDown:function(e){}和subtract$(“#content')[0]。scrollTop运行良好……对于任何感兴趣的人,我发现了一个div,它是AutoCompleteEditor$('.handsontableInputHolder')的父级,它有一个绝对的顶部,可以使用。但是,简单地获取这些值并使用init回调将它们分配到autocompleteEditor的左上角,就会破坏其他一些定位逻辑。。。类似beforeKeyDown的内容:函数(e){$('.autocompleteditor').css('top',($('.handsontableInputHolder')[0]。offsetTop-$('.#content')[0]。scrollTop)+'px');}-1,因为缺乏研究??尝试72小时的研究。。不明显,因为我没有在这里包含代码?在这里添加一些免费的js代码似乎是免费的,所以我把代码留在了JSFIDLE上——这就是-1的意义吗?