Có cách nào để buộc thanh cuộn dọc hiển thị trên Safari Lion không. Chỉ hiển thị nếu bạn nhấp vào phía xa bên phải của trang. Tôi có một yếu tố mà tôi có tràn-y: tự động nhưng trong Safari nó không hiển thị cho đến khi bạn nhấp vào cạnh của phần tử.lực kéo thanh cuộn trên Safari
Áp dụng tràn-y cho phần tử html. html { overflow-y:scroll; }
Tôi đã thử nhưng nó không hoạt động cho Safari. Điều này làm việc cho tất cả các brasiers khác nhưng Safari trong Lion ẩn thanh cuộn cho đến khi bạn nhấp vào cạnh phải của một phần tử. – Chapsterj
Ok tìm thấy trực tuyến này tại trang web này http://css-tricks.com/custom-scrollbars-in-webkit/ Điều này sẽ làm cho nó hiển thị trong Safari Lion
::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
::-webkit-scrollbar-track {
background-color: rgba(57,57,57, .6);
border-radius: 8px;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgba(156, 156, 156, .6);
}
Rõ ràng bạn sẽ cần phải thay đổi các thuộc tính để phù hợp với những gì bạn muốn. Một lần nữa điều này là dành cho Safari là overflow-y: cuộn không ép buộc nó hiển thị.
đây là một bản demo với js sniffer nếu bạn cần tùy chọn đó: http://jsfiddle.net/NzUTt/3/ – albert
cảm ơn bạn rất hữu ích – Chapsterj
Điều này thật tuyệt vời. Bạn nên chấp nhận câu trả lời của riêng bạn. Các độc giả khác, lưu ý: bằng cách chèn bộ chọn css chuẩn trước ':: - webkit ...', bạn có thể gán các thuộc tính này cho bất kỳ phần tử riêng lẻ nào. – XML
đó là 'overflow-y: scroll' – Joseph
Tôi đang đề cập đến Safari không phải là các trình duyệt khác. Tôi đã thử điều này nhưng Safari trong Lion ẩn thanh cuộn cho đến khi bạn nhấp vào bên phải của phần tử. – Chapsterj