scrolltop

    1热度

    2回答

    我正在做一个水平滚动的网站。我使用这个脚本来让一个元素在用户滚动过去1500px时淡入。 <script type="text/javascript"> $(document).scroll(function() { var x = $(this).scrollTop(); if (x > 1500) { $('#form_1_container').fadeIn(150); } els

    0热度

    1回答

    下面有一个例子:http://jsfiddle.net/jquerybyexample/pusqN/light/ 我想停止scrollTo动画后15000px $(document).ready(function() { var myInterval = false; myInterval = setInterval(function() { var iScroll = $(wind

    0热度

    2回答

    我想给一些类的CSS属性,当我向下滚动。我有一个如下所示的代码。问题是,第一个和最后一个'如果工作(.second-nav滑落并清晰),但.css代码不起作用。类没有得到我写的CSS。我应该如何维护该代码? $(window).scroll(function() { var scrollPos = $(window).scrollTop(); if (scrollPos>2

    -1热度

    1回答

    我想创建一个滚动效果与jQuery动画,但只为键盘用户。我不希望页面滚动鼠标用户。以下是当前的代码。我仍然有问题让点击功能实际上不滚动。 //scroll page with keyboard focus $(':focusable').on('focus', function() { var ele = $(this); $('html, body').stop().ani

    0热度

    1回答

    我有一个手风琴功能,它在点击时不会将视口调整到打开元素的顶部。查看移动或小屏幕尺寸,看看我所说的:http://startyourlife.com/biz-training/ 这里是工作中的一个例子:http://tympanus.net/Tutorials/FlexibleSlideToTopAccordion/ 你会看到,如果你点击它滚动到该元素的顶部。这里是JavaScript我目前有: i

    3热度

    1回答

    我想从顶部滚动页面300px时触发视频。这个作品,如果我滚动 window.onscroll = function(event) { myvideo.play(); } ,但我想它打一次我滚动300像素

    0热度

    2回答

    我有().scrollTop()函数的问题。我想检查我的html的正文是否滚动。我试过这段代码: p = $('body').scrollTop(); console.log(p); 也可以代替选择器中的('body')我试过(document.body),(“#ID”)。 问题是,在控制台中,我总是得到“null”而不是“0”的返回值。我试着(窗口)相同,然后返回“0”,并正常工作。但在我

    0热度

    2回答

    我有一个由几个部分组成的页面(想想经典的parralax设置)。现在,我已经创建了所有内容,我希望在滚动到某些部分时让某些部分变得更酷。 在我的无知中,我假设我需要获取每个位置的offset()。top并将其与窗口的scrollTop()进行比较。 这里是我怎么回事,作为一个例子: $(window).scroll(function(){ var scrollPosition = $(

    4热度

    2回答

    我有一个包含大量元素的div,并且overflow: scroll。然后我想能够滚动视图中的第n个元素。我设置了一个小提琴,但我无法找到表达式来获取相对于父项的元素位置。 http://jsfiddle.net/bortao/NXcTK/ 我都尝试el.position().top和el.offset().top,但他们没有工作。 注意:h/2是这样的元素位于div的中间。

    0热度

    2回答

    我有一个简单的列表,我希望每次点击单击按钮时都重置到顶部位置。我似乎无法让我的scrollTop工作,但我无法弄清楚为什么。 这里有一个FIDDLE HTML: <div class="listContainer"> <div class="arrow-up"></div> <ul id="list"> <li id="first">item 1</li>