iframe pdf滚动在IOS设备（iPhone，iPad）中不可见

Question

我在下面尝试这段代码，它适用于所有浏览器，包括 IE 浏览器，但问题滚动条隐藏在 iPad 和 iPhone 设备中，并且还为特定于浏览器添加了 CSS 仍然没有运气！！！

有人帮忙解决这个问题吗？

<object data="your_url_to_pdf" type="application/pdf">
    <iframe src="https://docs.google.com/viewer?url=your_url_to_pdf&embedded=true"></iframe>
</object>

Answer 1

滚动条在移动设备上隐藏是正常的。但是您可以通过覆盖 ::-webkit-scrollbar-* 属性的样式来强制它们出现。

This answer 在另一个 Stack Overflow 线程中提供了一个示例：

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}