我在我的元素中发现了一些奇怪的错误，例如在 summernote 网站上 example :
#content {
width: 100%;
padding: 50px 0;
height: 150px;
}
#summernote {
width: 100%;
height: 100%;
}<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.js"></script>
</head>
<body>
<div id="content">
<div id="summernote"></div>
<script>
$('#summernote').summernote({
placeholder: 'Write your blog content here...',
tabsize: 1,
height: 100,
focus: true
});
</script>
</div>
</body>
</html>尝试在整个窗口中打开此示例，并将编辑器的大小调整到超过整个窗口的高度。尝试向下滚动，您会遇到一些错误，在您滚动带有按钮的选项卡后，它会向上移动。
在我的元素中它也这样做了，但我添加了额外的 div，现在当我滚动带有按钮的选项卡时，我的编辑器隐藏了除边框之外的所有内容 - 这是一个屏幕截图:
最佳答案
只需在 summernote 选项中设置 followingToolbar: false, :
$('#summernote').summernote({
placeholder: 'Write your blog content here...',
tabsize: 1,
height: 100,
focus: true,
followingToolbar: false,
});
关于javascript - Summernote 非引导版本滚动问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50862450/