2015-09-11 36 views
1

我正在使用Form Assembly中的多頁窗體。點擊下一個按鈕轉到下一頁後,它會滾動到表格頂部,切斷頁面標題!有沒有辦法阻止這種情況發生?單擊窗體上的下一個按鈕後禁用滾動 - js

這裏是形式 - http://futureldn.co/apply/

我在表格刪除這個網站...

<script> 

input.wfPageNextButton.onclick=function(){ 
    $('html, body').animate({ scrollTop: 0 }, 0); 
}; 

</script> 

但是它沒有工作。然後我注意到...

<script type="text/javascript" src="http://www.tfaforms.com/wForms/3.8/js/wforms.js"></script> 
<script type="text/javascript"> 
    wFORMS.behaviors.prefill.skip = false; 
</script> 
    <script type="text/javascript" src="http://www.tfaforms.com/wForms/3.8/js/localization-en_GB.js"></script> 

那麼,我可以寫些js來抵消這個/這些js文件中發生了什麼嗎?

我不擅長js,所以無法解釋它!

非常感謝您的幫助!

+0

也許這將是有益的:http://stackoverflow.com/a/29431155/4359029 – tomloprod

+0

你知道,如果我需要的JS添加到我的網站的標題,以抵消這個?我一直嘗試不同的東西在HTML代碼中,它說... input.wfPageNextButton.onclick = function(){ $('html,body')。animate({scrollTop:0},0); }; ...但無論我嘗試什麼,似乎都沒有什麼不同。 – user3541921

+1

感謝您的評論! :) – user3541921

回答

1

看到,因爲你不希望禁用產品總數滾動,我們需要做這樣的事情,而不是:

$(function() { 

    var $body = $(document); 
    $body.on('click','.wfPageNextButton, .wfPagePreviousButton', function() { 
     // "Disable" the horizontal scroll. 
     if ($body.scrollTop() !== 0) { 
      $body.scrollTop(0); 
     } 
    }); 

}); 

所以一個buttonclick後,它會檢查它是否具有垂直滾動,如果是這樣,將它設置爲0.至於放在哪裏,在你身體的盡頭可能是最安全的。

注意到,當在你的頁面上測試它時,它並不熟悉$作爲jQuery的簡寫,所以你可能需要將$改爲jQuery。

所以

jQuery(function(){ 
    var $body = jQuery(document); 
    ... 
+0

在底部添加工作!然而,它禁用了當前頁面的滾動條,當點擊下一個按鈕時我該如何操作?我替換了jQuery(function(){with input.wfPageNextButton.onclick = function(){ - 遠射,沒有工作! – user3541921

+0

@DrunkWolf爲什麼要複製一個已經在SO的答案? – tomloprod

+0

我只是想 - 我還是想用戶有能力滾動頁面,但只是想在點擊下一個按鈕後禁用滾動頂部...所以當用戶轉到下一頁時,它將保持在垂直位置,就是這樣!不知道是否是有幫助的! – user3541921

相關問題