Html Iframe pdf滚动在IOS设备(iPhone、iPad)中不可见

Html Iframe pdf滚动在IOS设备(iPhone、iPad)中不可见,html,ios,css,safari,cross-browser,Html,Ios,Css,Safari,Cross Browser,我在尝试下面的代码,它在所有浏览器中都能工作,包括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"></i

我在尝试下面的代码,它在所有浏览器中都能工作,包括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>

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

在另一个堆栈中,溢出线程提供了一个示例:

::-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; 
}