相关疑难解决方法(0)

我有这个input元素:

<input type="text" class="textfield" value="" id="subject" name="subject">

然后我有一些其他元素,如其他文本输入,textareas等.

当用户点击它input时#subject,页面应滚动到页面的最后一个元素,并带有漂亮的动画.它应该是一个滚动到底部而不是顶部.

页面的最后一项是一个submit按钮,其中包含#submit:

<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">

动画不应该太快,应该是流畅的.

我正在运行最新的jQuery版本.我更喜欢不安装任何插件,但使用默认的jQuery功能来实现这一点.

我最近遇到了一个问题,我的JavaScript代码并将我的部分代码从我的代码中解决$(document).ready()并$(window).load()解决了问题.

现在我明白之后会window.load被解雇document.ready,但为什么之后没有准备就绪document.ready,那之后window.load()呢？

我希望在click事件上附加/删除锚名称"#on"以添加到当前url而不重新加载页面,或者使用链接中的href ='#on',因为它使我的页面跳转

例如:http://www.example.com/page.html#on所以我可以检测来自该URL的用户并调用On()函数

function On()
{   
   //append to current url the anchor "#on"                 
}

function Off()
{   
  //remove from the current url the anchor "#on"                    
}

$('.on').live('click', function() {
  On();
  return false;    
}); 


$('.off').live('click', function() {
  Off();
  return false;    
}); 

我用:

var el = document.getElementById("centd");
el.scrollIntoView(true);

滚动到特定位置.在每个浏览器中它都可以正常工作,但在Chrome中加载页面时会滚动到该点,但是在一两秒钟后(页面加载完成后)它会向后滚动以启动.