iframe 预览pdf 修改滚动条样式

可以使用CSS样式来修改iframe中PDF预览的滚动条样式。具体操作如下：

1.首先，在CSS中添加以下代码：

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
background-color: #000000;
}

2.将iframe中的PDF文件嵌入到HTML页面中，并为其添加一个ID，例如"preview"。

<iframe id="preview" src="your_pdf_file.pdf"></iframe>

3.在JavaScript中获取iframe的内容文档，并将上一步中定义的CSS样式添加到文档的头部。

var preview = document.querySelector("#preview");
var previewDoc = preview.contentDocument || preview.contentWindow.document;
var style = previewDoc.createElement("style");
style.innerHTML = "/* 上文定义的样式 */";
previewDoc.head.appendChild(style);

通过上述步骤，可以实现在iframe中预览PDF文件，同时修改滚动条样式。