Html Iframe pdf滚动在IOS设备(iPhone、iPad)中不可见
我在尝试下面的代码,它在所有浏览器中都能工作,包括IE浏览器,但是问题滚动条隐藏在IPad和iPhone设备中&添加了CSS也用于特定浏览器,仍然没有运气 有人帮助解决这个问题吗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
<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;
}