Bày tỏ IT

Bài này có thể là một ví dụ tốt cho các cụm từ "Dạy bà để hút trứng" ... Nguyên nhân này là Stuff CSS chỉ BASIC. Nhưng đối với những, như tôi không biết gì, điều này có thể là một phước lành trong ngụy trang. Tôi luôn luôn nghĩ (tôi có thể rời công việc của tôi để nói rằng điều này), nó chỉ có thể để giữ một số phần của nội dung trang HTML STATIC (ý nghĩa, vị trí của nó vẫn còn AS IS Di chuyển cửa sổ), bằng cách sử dụng một số kịch bản thông minh, Làm tất cả những khoa học tính toán để tìm vị trí năng động, bẫy sự kiện Window.scroll và thiết lập thời gian chờ.

Không bao giờ nghĩ rằng nó có thể đơn giản như sau .... Ở đây dưới đây CSS / HTML, tôi có bốn khối tĩnh, cố định cho mỗi extrimities trang, TOP, RIGHT, BOTTOM và trái ... không cần thiết để nói ... bạn có thể chọn bất kỳ một hoặc nhiều hơn nếu cần có ...

CSS
Tĩnh {display: block; z-index: 10; color: # ffffff; overflow-x: hidden; overflow-y: ẩn; vị trí: ixed;
}
# Nội dung {margin: 100px 150px 0px 160px; border: 1px solid # e6e6e6}

# Wrap-t {top: 0px; background: # 33CC66, chiều rộng: 100%; chiều cao: 55px;}

# Wrap-l {top: 80px; background: # FF9966; chiều cao: 300px; width: 150px; biên giới: 2px solid # e6e6e6;}

# Wrap-b {dưới: 0px; background: # 3333CC; chiều rộng: 100%; chiều cao: 55px;}

# Wrap-r {top: 80px; background: # 6666FF; chiều cao: 300px; width: 140px; biên giới: 2px solid # e6e6e6; quyền: 0;}

HTML
<div id="contents"> nội dung trang chính </ div>
<div id="wrap-b" class="static">
Nội dung tĩnh ở phía dưới trang
</ Div>
<div id="wrap-t" class="static">
Nội dung tĩnh trên Top Page
</ Div>

<div id="wrap-l" class="static">
Nội dung tĩnh trên trang còn lại
</ Div>
<div id="wrap-r" class="static">
Nội dung tĩnh bên phải trang
</ Div>

Xem mẫu wroking ở đây