Làm thế nào để bạn tạo một vùng cuộn html, chỉ sử dụng thanh cuộn trình duyệt chính

Question

Tôi đang xem xét vấn đề trong JIRA (e.g. here, an issue in JIRA 4) và tôi nhận thấy JIRA 4 có một số hành vi cuộn thú vị, khi cuộn xuống bằng thanh cuộn trình duyệt chính , tiêu đề jira cuộn lên trên đường đi, sau đó tiêu đề vấn đề vẫn cố định ở trên cùng, sau đó phần còn lại của vấn đề tiếp tục cuộn. Vì vậy, tiêu đề sự cố luôn hiển thị.

Không có thanh cuộn dọc phụ. Tất cả được cuộn qua thanh cuộn trình duyệt chính. Vì vậy, một trong hai phép thuật css hoặc javascript của nó! Bất kỳ ý tưởng làm thế nào họ làm điều đó?

Chúc mừng,

Phil.

Answer 1

Nó thay đổi động div #stalker trong đó có position:absolute;top:76px;. Khi người dùng cuộn, hãy thay đổi vị trí thành position:fixed;top:0 và giữ nó ở một nơi cố định, cho bạn khả năng cuộn nội dung còn lại.

---

Sửa

Tôi tạo ra một ví dụ về behavoir này, bởi vì tôi đã tò mò và đây demo nếu bạn muốn kiểm tra xem nó http://jsbin.com/igiji5/3

Answer 2

Điều đó được tạo bằng JavaScript.

Tôi có thể xem bằng cách sử dụng FireBug để kiểm tra div # stalker rằng nó thay đổi thuộc tính lớp và kiểu khi bạn đang di chuyển.

Answer 3

Atlassian công bố nguồn gốc của javascript tại http://docs.atlassian.com/aui/3.0/jquery.stalker.js.html