Удалить вертикальную полосу прокрутки, оставить горизонтальную полосу прокрутки в iframe в Chrome - PullRequest
Новая
       24

Удалить вертикальную полосу прокрутки, оставить горизонтальную полосу прокрутки в iframe в Chrome

8 голосов
/ 15 октября 2010

У меня есть iframe, для которого я хотел бы включить горизонтальную полосу прокрутки, но отключить вертикальную полосу прокрутки.

У меня есть iframe, стилизованный так: overflow-y:hidden; overflow-x:auto;

Thisотлично работает в FireFox, но не в Chrome.Есть ли какое-то решение, чтобы заставить это работать в Chrome?

Обновление: Я перешел на использование ячейки таблицы с переполнением, а не iframe.Я не знаю, будет ли это легче или труднее обойти эту вертикальную прокрутку.

Ответы [ 4 ]

7 голосов
/ 15 октября 2010
2 голосов
/ 17 октября 2014

Это хорошо работает в любом браузере 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
<title>Untitled 1</title> 
</head> 
<style type="text/css"> 
#test iframe { 
width: 100%; 
height: 100%; 
border: none; } 

#test { 
width: 100%; 
height: 3530px; 
padding: 0; 
overflow: hidden; } 

</style> 

<body style="margin:0;"> 
<div id="test"> 
<iframe src="http://stackoverflow.com/" scrolling="no">
</iframe> 
</div> 
</body> 
</html>
0 голосов
/ 07 сентября 2015

Добавьте родительский элемент div в iframe следующим образом: 

<div style='overflow: hidden; width: 600px; height: 400px;'>
    <iframe src='http://www.website.com/index.html' style='overflow-y: hidden;' width='580' height='400' frameborder='0' seamless='seamless'></iframe>
</div>

Она скрывает вертикальную полосу прокрутки, но пользователь все еще может использовать ' страница вверх ', ' страница вниз ' и клавиши со стрелками опции для вертикальной прокрутки.

0 голосов
/ 15 октября 2010

Если вы не можете найти ничего другого:

Установите высоту фрейма = = 103%

См. Здесь:

http://forums.aspfree.com/web-layout-43/horizontal-scrollbar-iframe-removing-23237-2.html

Это обходной путь, который может сработать ...

Вы говорите мне!

Удачи

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...