Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript t滚动时，将固定或设置高度的容器、浮动面板（例如下拉菜单）放置到位_Javascript_Html_Css_Reactjs_Tinymce - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript t滚动时，将固定或设置高度的容器、浮动面板（例如下拉菜单）放置到位

Javascript t滚动时，将固定或设置高度的容器、浮动面板（例如下拉菜单）放置到位

javascript html css reactjs tinymce

Javascript t滚动时，将固定或设置高度的容器、浮动面板（例如下拉菜单）放置到位,javascript,html,css,reactjs,tinymce,Javascript,Html,Css,Reactjs,Tinymce,6nymce floatpanel（mce floatpanel）和工具提示（mce tooltip）被设置为的子项，且位置：绝对值。我理解关于z-index等的必要性，但它也会在某些情况下造成滚动问题 如果TinyMCE是滚动容器的子容器，则菜单和工具提示将被卸载。例如： 具有高度：#px和溢出：自动的→ 带有位置的：固定→ 我看到了以下两种解决方案： 要指定编辑器浮动元素的容器，如以下TinyMCE问题中所述： 通过操作DOMonscroll或onmouseleave等关闭

6nymce floatpanel（
mce floatpanel
）和工具提示（
mce tooltip
）被设置为
的子项，且
位置：绝对值
。我理解关于
z-index
等的必要性，但它也会在某些情况下造成滚动问题

如果TinyMCE是滚动容器的子容器，则菜单和工具提示将被卸载。例如：

  • 具有
    高度：#px
    和
    溢出：自动的
    → 

  • 带有
    位置的
    ：固定
    →
我看到了以下两种解决方案：

  • 要指定编辑器浮动元素的容器，如以下TinyMCE问题中所述：
  • 通过操作DOM
    onscroll
    或
    onmouseleave
    等关闭或隐藏菜单，如中所示
指定编辑器容器似乎还不可用

第二个建议的麻烦是双重的。首先，它让人感觉很粗糙，很难解释边缘情况。第二，我在用react

执行滚动的React组件位于层次结构的最高层，有数百个后代。从那个里开始监视scroll，但scroll事件会非常迅速地触发，包括在初始化过程中，数据加载到子组件中改变其大小

我不知道从这里到哪里去。非常感谢您的帮助

事实证明，按照中的请求和中的实现，指定UI容器作为未记录的功能在某种程度上是可用的。这不是我所希望的解决方案，有各种意想不到的副作用和错误

此时，我正在考虑完全绕过React，直接从TinyMCE包装器监视DOM中的滚动事件