jQuery:移动窗口视口来显示新鲜的切换元素

前端之家收集整理的这篇文章主要介绍了jQuery:移动窗口视口来显示新鲜的切换元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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);

猜你在找的jQuery相关文章