我有一个jQuery在doc准备好的代码片段切换一个包含textarea的div:
$('div#addnote-area').hide(); // hide the div $('a#addnote-link').click(function() { // click event listener on link $('div#addnote-area').toggle(); // toggle the hidden div });
点击链接时,切换工作正常.我遇到的问题是,如果div#addnote-area在浏览器当前的视口下方,那么它会显示出来.我想要用户的光标去文本区域,整个textarea可以在窗口中查看.
Click here to see an image http://i50.tinypic.com/5ousuv.png
解决方法
看看
scrollTo jQuery plugin.你可以简单地做这样的事情:
$.scrollTo('div#addnote-area');
或者,如果要使其动画化,请提供滚动持续时间的毫秒数:
$.scrollTo('div#addnote-area',500);