jQuery scrollTo tiêu đề cố định bù đắp

Question

Tôi đang sử dụng plugin jQuery scrollTo như bạn có thể nhìn thấy trên các trang mà tôi đang xây dựng http://portfolio.tomvervoort.net/

Do 300px tiêu đề cố định di chuyển nội dung bên dưới tiêu đề. Bạn có thể thấy điều này rõ ràng khi bạn nhấp vào nút about trong menu. Có thể thêm một bù đắp 300px vào kịch bản scrollTo để mọi thứ vẫn được định vị dưới đầu trang/menu không?

Answer 1

Bạn có thể thử thay đổi dòng này trong jquery.nav.js:

$.scrollTo(newLoc, o.scrollSpeed, { 

để

$.scrollTo($('newLoc').offset().top-300, o.scrollSpeed, { 

Vì vậy, thay vì nói scrollto để di chuyển đến chính xác yếu tố đó, bạn nhận vị trí của các yếu tố chính mình và trừ 300

Answer 2

Bạn có thể sử dụng cài đặt "bù trừ" như được mô tả trên:

http://flesler.blogspot.com.ar/2007/10/jqueryscrollto.html

Cái gì như:

$.scrollTo(newLoc, o.scrollSpeed, { 
    // ... 
    offset:-300 
});