javascript - 鹅毛笔模板气泡;溢出顶部的提示 : scroll

标签 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 {
  margin: 55px;
  border: 2px solid gray;
  border-radius:3px;
  paddding: 15px;
  width: 250px;
  height: 200px;;
  overflow-y:scroll;
  display:block;
}

示例:https://jsfiddle.net/ptts0afd/

最佳答案

一些快速技巧,您可以使用:

.ql-bubble .ql-tooltip {
  left: 0% !important;
 }

关于javascript - 鹅毛笔模板气泡;溢出顶部的提示 : scroll,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40718337/

相关文章:

javascript - 与 getElementsByTagName 相关的问题

javascript - 如何通过 Javascript 使用数组值更改 div 文本?

CSS3 - 动画延迟不起作用

javascript - 使用 JavaScript 启用 CSS 幻灯片自动播放

javascript - 在 PDF 中执行 Javascript

javascript - 将图像 src 与正则表达式匹配直到出现空格 - Javascript

html - 在输入类型文本上显示 "small popup"的最佳方式

html元素未在媒体查询中被下推

javascript - 无法得到 jquery parentsUntil 工作

javascript - 一起使用 gulp-nodemon 和 gulp.watch 时无法使用 Ctrl+C 停止 Gulp