Tôi muốn thiết lập một cái gì đó ở giữa màn hìnhLàm thế nào để có được những 'chiều cao' của màn hình sử dụng jquery
nhờ
Tôi muốn thiết lập một cái gì đó ở giữa màn hìnhLàm thế nào để có được những 'chiều cao' của màn hình sử dụng jquery
nhờ
$(window).height(); // returns height of browser viewport
$(document).height(); // returns height of HTML document
Như ghi nhận ở đây: http://api.jquery.com/height/
Thành thật mà nói, điều này không trả lời câu hỏi của OP. Nếu bạn đang tìm chiều cao màn hình _actual_, hãy sử dụng 'screen.height' như' var height = screen.height'. Điều này có thể trông giống như một lỗi cắn, nhưng OP hỏi làm thế nào để định vị một cái gì đó ở giữa màn hình, không phải giữa cửa sổ trình duyệt. –
Perfect John White, chỉ là những gì tôi cần, screen.height làm việc cho tôi –
$(window).height();
Để thiết lập bất cứ điều gì ở giữa, bạn có thể sử dụng CSS.
<style>
#divCentre
{
position: absolute;
left: 50%;
top: 50%;
width: 300px;
height: 400px;
margin-left: -150px;
margin-top: -200px;
}
</style>
<div id="divCentre">I am at the centre</div>
CSS đó sẽ đặt góc trên cùng bên trái của div ở giữa trang. Sau đó, div sẽ mở rộng từ trên xuống dưới, trông * nghiêm túc * ngoài trung tâm. Có thể làm cho lợi nhuận tiêu cực? Bởi vì điều đó có vẻ như nó có thể làm việc, nhưng chỉ khi điều bạn đang tập trung là nhỏ hơn so với trang. –
Sửa lỗi đánh máy. Cảm ơn @ T J Crowder – rahul
Cách tiếp cận tập trung dọc của bạn yêu cầu bạn biết chiều cao của phần tử #divCentre của bạn. –
sử dụng với trang web đáp ứng (xem trong điện thoại di động hoặc ipad)
jQuery(window).height(); // return height of browser viewport
jQuery(window).width(); // return width of browser viewport
hiếm khi sử dụng
jQuery(document).height(); // return height of HTML document
jQuery(document).width(); // return width of HTML document
By "màn hình" làm bạn có nghĩa là cửa sổ trình duyệt? Hoặc theo nghĩa đen là màn hình? –
http://stackoverflow.com/questions/210717/what-is-the-best-way-to-center-a-div-on-the-screen-using-jquery –