2012-03-06 33 views
6

Tôi đang làm việc trên trang ở phía dưới ngồi một phần tử, được kích hoạt bằng cách nhấn vào nó. Sau đó, phần tử sẽ mở rộng (ngay lập tức) để hiển thị nội dung của nó. Nó được thực hiện bằng cách thêm một lớp (".active") với jQuery vào phần tử đó.jQuery addClass khiến cửa sổ cuộn lên trên đầu trên Android và iPhone

Những thứ .active thực sự thêm là một khối hiển thị và một số chiều cao. Tuy nhiên mỗi lần bạn nhấn vào nó, trình duyệt sẽ nhảy lên đầu. Nếu tôi nhận xét phần addClass trong javascript, nó hoạt động bình thường.

Chỉ dành cho người đứng đầu, thẻ neo không có "href = #".

+0

gì xảy ra nếu bạn cố gắng thêm các lớp theo một cách khác? như setattribute hay như vậy –

+0

Điều tương tự cũng xảy ra! Tôi cho rằng nó có thể là một số vấn đề kết xuất. – Kasper

+0

bạn đã xác minh rằng không có gì sai với phong cách/lớp học của bạn? điều gì sẽ xảy ra nếu bạn gán tĩnh lớp đó cho phần tử? Chỉ định lớp và chỉ hiển thị/ẩn phần tử động bằng cách sử dụng thuộc tính css. Nó có tạo ra hành vi giống nhau không? – Nilesh

Trả lời

0

Là một sửa chữa tạm thời bạn có thể đặt màn hình trở về vị trí mỗi lần nó được nhấp ..

$('.troublemaker').click(function(e){ 
    var currentScroll = $(document).scrollTop(); 
    setTimeout(function(){ $(document).scrollTop(currentScroll); }, 10); 
}); 
Các vấn đề liên quan