Xóa thanh cuộn dọc, giữ thanh cuộn ngang trong khung nội tuyến trong Chrome

Tôi có khung nội tuyến mà tôi muốn bật thanh cuộn ngang, nhưng vô hiệu thanh cuộn dọc.Xóa thanh cuộn dọc, giữ thanh cuộn ngang trong khung nội tuyến trong Chrome

Tôi có iframe theo kiểu như vậy: overflow-y:hidden; overflow-x:auto;

này chỉ hoạt động tốt trong FireFox, nhưng không phải Chrome. Có cách giải quyết nào để làm việc này trong Chrome không?

Cập nhật: Tôi đã chuyển sang sử dụng ô bảng có tràn, thay vì khung nội tuyến. Tôi không biết nếu điều này sẽ làm cho nó dễ dàng hơn hoặc khó khăn hơn để làm việc xung quanh cuộn dọc đó.

Nguồn

2010-10-14 Jimmy

bản sao có thể có của [Safari/Chrome (Webkit) - Không thể ẩn thanh cuộn dọc iframe] (http://stackoverflow.com/questions/1691873/safari-chrome-webkit-cannot-hide-iframe-vertical-scrollbar). Cả hai được gắn thẻ Chrome/webkit. –

Câu trả lời là thực sự ở đây:

Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar

Chúc may mắn !!

Nguồn

2010-10-15 14:41:43 Trufa

Nếu bạn không thể tìm thấy bất cứ điều gì khác:

Đặt chiều cao của khung nội tuyến để => 103%

Xem ở đây:

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

Đó là cách giải quyết mà chỉ có thể làm việc. ..

Bạn cho tôi biết!

Chúc may mắn

Nguồn

2010-10-14 22:06:37 Trufa

Thật không may, nó không hoạt động. :( – Jimmy

Đó là một sự xấu hổ, tôi sẽ tìm một cái gì đó khác và cho bạn biết !! – Trufa

này hoạt động tốt trong bất kỳ trình duyệt

<!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>

Nguồn

2014-10-17 13:56:38

Thêm phần tử div cha mẹ để khung nội tuyến như thế này:

<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>

Nó sẽ ẩn thanh cuộn dọc nhưng người dùng vẫn có thể sử dụng 'trang lên' , 'trang xuống' và các phím mũi tên các tùy chọn để cuộn dọc.

Nguồn

2015-09-07 07:04:52 fsasvari

Xóa thanh cuộn dọc, giữ thanh cuộn ngang trong khung nội tuyến trong Chrome

Trả lời

Các vấn đề liên quan