2012-12-11 38 views
14

không sao cho cô ấy có kịch bản. Tôi có một trang web với các phần có thể sử dụng liên kết anchor. Whe người dùng là trên một bố trí thứ cấp (trang) và khi họ bấm vào để đi đến một phần trên trang chính một lần nữa, vì lý do nào đó đồ họa không tải đúng cho đến khi một cuộn xảy ra. Tất cả những gì tôi muốn làm là bất cứ khi nào bố cục chính được tải, không có vấn đề gì mà nó tải xuống, chỉ cần cuộn trang lên hoặc xuống 1 pixel.Di chuyển Jquery Một điểm ảnh từ nơi người dùng đang ở trên màn hình

$.scrollTo({ top: '+=100px', left: '+=0px' }, 800); 

Tôi đã thử ở trên, nhưng mã này chỉ cần đưa người dùng 100 pixel từ trên cùng. Tôi không muốn điều đó xảy ra, tức là không phải từ đầu nhưng từ nơi nào người dùng đến trên màn hình.

Trả lời

25

sử dụng jquery scrollTop() để thiết lập vị trí di chuyển đến vị trí cuộn hiện nay + 1:

$(window).scrollTop($(window).scrollTop()+1); 
+0

Hoàn hảo những gì tôi muốn. +1 –

+0

Cẩn thận để không đặt nó trong vòng lặp, hoặc bạn sẽ nhận được một cuộn xuống trơn tru không bao giờ. Unles đó là những gì bạn đang đi. – AlexL

+0

@Justin McDonald Đây không phải là hoạt động, thay vì cửa sổ bạn phải sử dụng 'html, body'. – Kadaj

3

Một giải pháp JavaScript tinh khiết mà không có overhead jQuery:

window.scrollY += 100; 

Với jQuery (và một hoạt hình ưa thích):

var cur = $(window).scrollTop(); 
$(window).animate({scrollTop: cur + 100}); 
1
$("html, body").animate({scrollTop: ($(window).scrollTop() + 1)}); 
+0

Vui lòng sử dụng 4 dấu cách phía trước mã để định dạng mã đó làm mã. –

Các vấn đề liên quan