如何滾動發佈表單

我有一個表單，我想要做一件事：當我點擊de按鈕併發布表單時，我想滾動到特定的點。我試着用餅乾和我的代碼是這樣的： `如何滾動發佈表單

<!-- I have a library called cookie and the cookie works well, but when I send, the page go up and I want to stay in the scroll position --> 
<form method="post" action=""> 
    <input type="submit" value="send" name="btn" /></div> 
</form> 
<script> 
    function send() { 
     cookie.asignar("altura", $(window).scrollTop(), "../js/", 10); 
     $(window).scrollTop(0, cookie.agafar("altura")); 
     cookie.suprimir("altura"); 
    } 
</script> 
<?php 
    if (isset($_POST['btn'])) { 
     echo '<script>send();</script>'; 
    } 
?>

使用jQuery和PHP。

來源

2016-10-20 Gerry Studios

我沒有時間看到下面 –

感謝所有的肛門，他們都工作 –

好了，嘗試使用，而不是餅乾localStorage的另一種解決方案：

<form method="post" action=""> 
    <input type="submit" value="send" name="btn" /></div> 
</form> 
<script> 
    $(document).ready(function(){ 
     // Scroll to screen height if previously saved 
     var previousHeight = localStorage.getItem("pageHeight"); 
     if(previousHeight){ 
     $('html, body').animate({ 
      scrollTop: localStorage.getItem("pageHeight") 
     }, 1000); 
     localStorage.setItem("pageHeight", null); 
     } 

     // Saves scroll height on submit 
     $("form").on("submit", function(){ 
     localStorage.setItem("pageHeight", $(window).scrollTop()); 
     }); 
    }); 
</script>

來源

2016-10-20 19:07:43

只需使用一個錨頁面上

<a name="form"></a> 

<form method="post" action=""> 
    <input type="submit" value="send" onclick="send();"name="btn" /></div> 
</form> 
<script> 
    function send() { 

    window.location.hash = '#form'; 
    } 
</script>

來源

2016-10-20 18:39:15

可以很容易地跳轉到任何位置在您的網頁，你需要的是一個本地錨，例如（將下一個代碼粘貼到PHP文件中並在瀏覽器中運行它）：

<form method="post"> 
    Enter number <input type="text" name="num" /> 
    <input type="submit" value="Submit"/> 
</form> 

<?php 
for ($i = 1; $i <= 200; $i++) // DISPLAY 200 NUMBERS. 
    echo "<a name='$i'>$i</a>\n" . //◄■■■ LOCAL ANCHORS. 
     "<br/>"; 
?> 

<?php 
if (isset($_POST["num"])) 
    echo "<script type='text/javascript'>\n" . 
     "window.location.hash = '#{$_POST["num"]}';" . //◄■■■ JUMP TO LOCAL ANCHOR. 
     "</script>\n"; 
?>

N注意<a name和</a>之間的數字是如何包含的。這些是當地的主播。每次提交表單時都要留意地址欄。

來源

2016-10-20 19:10:33

我認爲問題在於你需要定位「body，html」而不是window。

$("body,html").scrollTop(0);

，你也可以只滾動到元素：

$el = $(element).offset().top; 
$("body,html").scrollTop($el);

scrollTop的快速例如動畫 https://jsfiddle.net/keinchy/gLwz9n81/

希望這是有幫助的。

-cheers。

來源

2016-10-20 19:18:20

如何滾動發佈表單

回答

相關問題