2013-12-18 20 views
1

在我的網站,我用很多jQuery插件,我無法理清爲什麼我的頁面滾動高達AJAX調用後頂部的原因JS代碼。如何找到負責AJAX調用後滾動

對不起,不能粘貼代碼,因爲即使我不知道哪個插件是導致問題和有沒有簡單的方法來找到爲什麼我的網頁AJAX調用後向上滾動。在https://dev.ther8server.com託管

測試項目(對不起,自簽署SSL)布里斯班

搜索(不得不等到自動完成來得快,選擇布里斯班,澳大利亞昆士蘭州)

可以留空

日期

而在酒店列表中,在結尾處有一個按鈕「顯示更多優惠」,當我點擊其加載200多家酒店列表時,但不幸的是它滾動並且人們需要從上向下滾動。

有沒有簡單的方法來找到哪個元素或插件是負責這個滾動?

我試着在Chrome檢查和Firebug的,找不到正確的代碼。

謝謝。

+0

我找不到與「顯示更多優惠」相關聯的點擊事件,但可能是您只需將'event.preventDefault()'或'return false'添加到您的''鏈接? –

回答

1

在你jquery.main.js我可以看到這個功能。

complete: function(data, textStatus, errorThrown) { 
      //remove the loader and move up    
      $('#ajaxload_loader').hide(); 
      $('html, body').animate({scrollTop: 0}, 'fast'); 
     } 

這條線$('html, body').animate({scrollTop: 0}, 'fast');是罪魁禍首。

+0

你是天才,太棒了。我可否知道有沒有簡單的方法可以找到它?你能告訴我你是怎麼找到這個問題的?謝謝。 – lock

+1

使用chrome開發人員工具。 – Vishal

0

你,Ajax調用後,刪除/替換HTML內容控件(如股利或表或TR或P),然後加入新的HTML內容?如果是這種情況,我會說這是原因。因爲它可能會降低完整網頁/文檔的高度。

0

只是表面地檢查你的代碼,並發現Ajax調用後,你設置在如下回應:

$('#ajaxload_pane').html(data); 

相反,你應該將數據與只有新的數據類似如下附加:

$('#ajaxload_pane').append(data); 

目前,您似乎再次提取整個列表,ajax調用應該只返回新的酒店條目。