Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/grails/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 套筒模板气泡;溢出顶部提示:滚动_Javascript_Html_Css_Overflow_Quill - Fatal编程技术网

Javascript 套筒模板气泡;溢出顶部提示:滚动

Javascript 套筒模板气泡;溢出顶部提示:滚动,javascript,html,css,overflow,quill,Javascript,Html,Css,Overflow,Quill,我正在使用quill.js,这太神奇了!我确实有一件事我搞不懂。我有一个容器,可以滚动(想象一个600x300窗口),我设置了overflow-y:scroll;但这现在隐藏了元素 在这里,演示选择一些边框上的文本,它会被隐藏,我想显示它或至少显示左右两侧 JS var quill = new Quill('#editor', { theme: 'bubble' // Specify theme in configuration }); CSS .container { margi

我正在使用
quill.js
,这太神奇了!我确实有一件事我搞不懂。我有一个容器,可以滚动(想象一个600x300窗口),我设置了overflow-y:scroll;但这现在隐藏了元素

在这里,演示选择一些边框上的文本,它会被隐藏,我想显示它或至少显示左右两侧

JS

var quill = new Quill('#editor', {
  theme: 'bubble'   // Specify theme in configuration
});
CSS

.container {
  margin: 55px;
  border: 2px solid gray;
  border-radius:3px;
  paddding: 15px;
  width: 250px;
  height: 200px;;
  overflow-y:scroll;
  display:block;
}

示例:

一个快速的黑客程序,您可以使用:

.ql-bubble .ql-tooltip {
  left: 0% !important;
 }
他继续问和回答

使用绑定配置