标签: scrollto

我正在使用bootstrap collapse函数,但是当我打开一个包含大量内容的元素时,打开下一个元素,它会向下跳转并且不会到达open元素的顶部.我尝试使用如下所示的scrollto插件,但它不起作用:

JS:

$(function(){
    $('a.accordion-toggle').click(function(){
        $.scrollTo( this, 500);                                             
    })
});

HTML:

<div class="accordion" id="accordion2">
    <div class="accordion-group heading-left-11">
        <h5 class="accordion-heading row">
            <a class="accordion-toggle span11" data-toggle="collapse" data-parent="#accordion2" href="#collapse1">Austria</a>
            <div class="icon-rt span1">
                <span class="icn"></span>
            </div>
        </h5>
        <ul id="collapse1" class="member_list accordion-body collapse row">
            <li class="accordion-inner pull-left span4">
                <a href="http://www.cidinet.eu/display_distributor.php?id_target_distributor=101">Filmladen</a>
                <span> Michael Stejskal</span><a href="http://www.cidinet.eu/display_distributor.php?id_target_distributor=101" title="Filmladen" ><img src="http://dev.europa-distribution.org/assets/logos_film_laden-570x190.png" alt="Filmladen" ></a>
            </li>
            <li class="accordion-inner pull-left span4">
                 <a href="http://www.cidinet.eu/display_distributor.php?id_target_distributor=194">Polyfilm</a>
                 <span> Hans Koenig</span><a href="http://www.cidinet.eu/display_distributor.php?id_target_distributor=194" title="Polyfilm" ><img src="http://dev.europa-distribution.org/assets/logos_polyfilm-570x190.png" alt="Polyfilm" ></a>
             </li>
             <li class="accordion-inner pull-left span4">
                 <a href="http://www.cidinet.eu/display_distributor.php?id_target_distributor=228">Stadtkino Filmverleih</a>
                 <span> Claus …

我在doc中准备了一段jQuery,它可以切换包含以下内容的div textarea:

$('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,并且整个textarea可以在窗口中查看.

点击此处查看图片http://i50.tinypic.com/5ousuv.png

我想检查一个元素是否滚动到顶部,偏移量为~100px.

我有一个包含5个子内容和2个类的页面来制作背景.它看起来像这样:

<div class="background1">
Content1
</div>
<div class="background2">
Content2
</div>
<div class="background1">
Content3
</div>
<div class="background2">
Content4
</div>
<div class="background1">
Content5
</div>

现在我想检查,当其中一个类通过滚动到达顶部时

这是我最后的尝试之一:

$('.background1', '.background2').position(function(){
             if($(this).position().top == 100){
            alert('checkThis');
        }
        }); 

我认为这是我现在最接近的尝试...当然这个代码是在document.ready和我的代码的最后....

TLDR:如何检查元素是否滚动到顶部(和一些偏移量)？

我创建了一个设置大小(大约2,000像素高)的应用程序,并有一个调用FB.Canvas.scrollTo的菜单,以帮助用户导航长页面.

有没有办法添加平滑的滚动效果？Facebook没有在其开发者博客上提供任何解决方案.

我正在使用jQuery scrollTo插件,你可以在我正在构建的页面上看到http://portfolio.tomvervoort.net/

由于300px固定标头,内容在标题下移动.单击菜单中的"关于"按钮可以清楚地看到这一点.是否可以在scrollTo脚本中添加300px偏移量,以便所有内容都位于标题/菜单下？

我想div通过点击它来居中.因此,如果我点击一个,div我希望它滚动到浏览器视口的中心.我不想像我看到的指南和例子那样使用锚点.我怎样才能做到这一点？

我在UITableViewController中,我在单元格内部有文本字段.当用户点击文本字段时,我实现了UITextFieldDelegate,并在方法textFieldDidBeganEditing中确定了单元格的索引并滚动到该位置.它适用于所有预期最后4-5个细胞的细胞.我究竟做错了什么？谢谢.

我在我们的单页网站上使用JQuery scrollTo插件在不同部分之间垂直滚动.

滚动在所有浏览器中运行良好,除了 iOS Safari,滚动但非常生涩.我在页面上使用了许多其他Jquery插件,因此可能与其中一个插件冲突.

如果有人知道scrollTo的替代方案可以在iPad上顺利运行,或者可以建议从哪里开始解决问题,我会很感激帮助.我试过这个解决方案,但没有成功.

如何添加缓动/动画/慢慢移动到此功能？此刻它只是跳跃.现在应该用动画移动到"锚点".

<script type='text/javascript'>
        setTimeout("window.scrollBy(0,270);",3000);
</script>

我使用以下命令单击按钮滚动页面:

this.scrollTo({y: height, x: 0, animated: true})

滚动工作正常,但我想减慢滚动动画.我们怎么做？