JQuery的scrollto塊我的輸入字段

Question

我已經做了一個CMS頁面，我可以添加文本到我的網站。 在頁面上我有多個提交表單。 爲了避免滾動，我用jquery scrollto動作做了一個菜單，跳到正確的提交表單。

$(document).on('click', '#scrollto_blogpost', function(event) { 
    $('html,body').animate({ 
     scrollTop: $('#blogtitle').offset().top -100 
    }, 'slow'); 
}); 

它直接跳到輸入字段#blogtitle（其爲形式的上部輸入字段）和I偏移它給它的瀏覽器邊緣和所述輸入場之間的一些間隔。

如果我點擊菜單項，它跳轉到表單，但我不能點擊輸入字段，點擊提交按鈕也被忽略。 textarea框確實會對點擊做出反應，但只會在第二行附近出現。

目前的解決方法是： - 跳轉到表單。 - 用鼠標手動上下滾動 - 所有輸入字段都會對鼠標點擊做出反應。

我想它與偏移有關，但我找不到合適的解決方案。

Answer 1

//這是靜態

$('#scrollto_blogpost').click(function() { 
      $.scrollTo('#blogtitle', 800, {easing:'swing'}); 
      $('#blogtitle').effect('highlight', {}, 3000); 
     }); 

//使用動態的不同環節和申報單使它像這樣

<a href="#divid" class="link">click me</a> 
<div id="divid">Your DIv</div> 
$('.link').click(function(event) { 
      event.preventDefault(); 
      var id =$(this).attr('href') //make sure your href="#divid" 
      $.scrollTo(id, 800, {easing:'swing'}); 
      $(id).effect('highlight', {}, 3000); 
     });