Tag: 滚动

Jquery – 在不可滚动的div上滚动事件

例如: http : //jsbin.com/ofifiy/2/edit#preview 我尝试使用不可滚动的div(绿色)滚动div(红色)。 我的问题是,当我滚动绿色div时,jquery scroll()不会触发。 HTML scroll here = scroll the red div JS $(‘#targetWithNoScroll’).scroll(function() { $(‘body’).append(‘No scroll ‘); });

AJAX Chat – 自动向下拖动向下滚动,但在用户向上滚动时不要拖动它?

当出现新消息时,您知道大多数聊天内容,滚动内容是否已关闭。 我的聊天每5000毫秒重新加载一次,然后在300毫秒后拖动滚动。 但是我想做到这一点,所以当用户拖动向上滚动时,滚动拖动不会影响他。 是否有一个函数,一旦用户向上滚动,填充变量,如draggedScroll = true? http://driptone.com/jony/applications/chat/index.php 这是聊天,如你所见,如果你上去,它会每隔5000毫秒拖动你,我想只在用户向上滚动时阻止它。 如果用户再次滚动到底部[0],它将使draggedScroll = false,这将再次影响他。 我怎么做? 问题还没有解决! 问题解释: 滚动仅在滚动的高度至少为1500px( scrollTop(1500) )时才起作用(聊天中有34条消息)。 如果低于该值,滚动将不起作用,并将向上滚动新消息。

$(document).height()和$(window).height()之间有什么区别

(希望它不是重复的,因为我在搜索和谷歌搜索时没有找到它) 当滚动条到达后一个div的底部时,我试图找到如何在一些固定高度div(’#div’)中检测。 我应该使用$(document).height()和$(window).height()来检测此事件吗? 编辑:我的div是固定高度,我设置自动滚动,所以如何处理? 如果我想使用$(’#div’)。height(),这个高度是固定的….

滚动时jquery导航颜色和高度更改

我想在滚动条上将导航从透明更改为颜色。 很像这个网站。 http://createone.com/contact-us/我看过关于改变大小的post很棒,我也会使用它,但我想主要从透明到颜色。 任何帮助都会很棒。 我对jquery有一点经验,但是无法弄清楚或根据我的需要修改别人以前的问题。 我看到了这个,但却无法让它为我工作。 jquery在滚动时改变不透明度和高度 一个jsfiddle演示会很棒! 在此先感谢您的帮助。 我也在使用Bootstrap 4,所以如果那里有任何插件。 我也对此持开放态度。

滚动到下一个元素

我正在努力解决jquery或javascript问题。 它已经很烦人,告诉我在这个问题上我可能觉得太复杂了。 所以我的标记(简称)看起来像这样: My Content scroll down My Content scroll down My Content scroll down My Content scroll down 基本上只是一些容器。 每个包含不同的内容和按钮。 计划: 1)单击按钮后,窗口应向下滚动到下一个容器 。 2)最后一个按钮再次滚动到第一个容器。 所以我需要一个循环 。 3)容器的数量可能会因页面而异。 编辑: 4)容器可能并不总是彼此直接兄弟姐妹(见下面的标记) 问题: 我可以通过为每个容器提供一个唯一的ID作为滚动效果的目标来实现这一点。 问题在于它很快就会变得太乱。 不能我只是以某种方式将“ 下一个对象与类:容器 ”作为目标,然后滚动到那个? 我不确定js或jquery是否是正确的方法。 我对两者的了解有限。 我真的很感激能朝着正确的方向前进。 编辑:容器可能并不总是彼此的直接兄弟姐妹。 My Content scroll down My Content scroll down My Content scroll down My Content scroll […]

如何通过在javascript / jQuery中拖动窗口的滚动来区分滚动鼠标和滚动

我有一个基于滚动实现的function。 这是小片段:: $(window).bind(‘scroll’,function(event) { console.log(event.type); //Task to do } 在这里,我想区分绑定是通过mouseScroll还是通过拖动滚动来完成的。 通过检查event.type,两者都返回“滚动”作为事件类型。

jquery scrollLeft无法在Android上运行

以下代码无法在Android浏览器中运行! 我如何解决它? 4545 $(‘#sannn’).bind(‘click’, function () { $(‘#sann’).scrollLeft(10); });

使用snap / align to div / element / anchor进行垂直滚动

我发现了一些可爱的网站 – http://www.mini.jp/event_campaign/big-point/,http://www.twenty8twelve.com/和http://www.scozzese.com – 所有垂直滚动,以及所有当您滚动到一个新的“页面”时,使用一种将“页面”对齐到浏览器顶部的技术 – 即使您向中间滚动一半。 任何人都可以给我任何指针,例如我可以用来搜索更多信息的正确术语/单词,或者介绍这种技术背后的基础知识,或者如果存在任何jQuery等插件,我可以玩和学习吗? 我搜索了他们的代码但没有跳出来如何做到这一点,我的Javascript和jQuery仍然是新手级别。

滚动时更改div不透明度

我怎样才能这样做,当你向下滚动页面时,下一个DIV会在之前的顶部消失? 我已经设置了这个小提琴来更好地说明它: http : //jsfiddle.net/meEf4/176/ 因此,例如,如果您在页面的中间位置,则背景为蓝色。 编辑:这是jsFiddle的内容,万一爆炸,有人遇到类似的问题。 html, body, #red, #green, #blue { height: 100%} #container { height: 300%} #red, #green, #blue { position: fixed; top: 0; width: 100%; } #red { background:red; z-index: 5} #blue { background:blue; z-index: 4} #green { background:green; z-index: 3}​ ​

当jquery对话框打开时,窗口向上滚动

我正在尝试使用jquery 1.4和jquery-ui-1.8rc3.custom.js打开模态jquery对话框 在所有浏览器中,对话框打开都没有问题,但在IE 7和6中,对话框打开后,窗口自动滚动到按钮…我尝试将窗口向上滚动回到模态位置但是非常不一致。 打开模态后使用以下代码行 window.scrollTo($(‘#selector’).dialog(‘option’, ‘position’)[0],$(‘#selector’).dialog(‘option’, ‘position’)[1]); 我注意到的一个奇怪的事情是,在我打开模态之后,页面变得巨大……好像一些额外的东西加在底部……它最终滚动到底部。 知道为什么这可能是hapenning 在HTML中 在document.ready $(‘#selector’).dialog({ bgiframe: true, autoOpen: false, width: 100, height: 100, modal: true, position: ‘top’ }); 在js $(‘#selector’).dialog(‘open’);