html - 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-*属性的样式来强制它们出现。

另一个 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; 
}