Tag: 可滚动

如何延迟或使用3个jQuery Tools可滚动项目的fireDelay: 我有3个jQuery Tools Scrollables设置。他们像冠军一样工作。我似乎无法找到或包围我的头脑是如何让他们在开始滚动之前“延迟”他们的初始起点。我不想要的是所有3在同一时间滚动。我希望左边的一个在加载时立即滚动。然后中间开始它第一次滚动800毫秒后，然后右边开始它第一次滚动1600毫秒后。这就是我到目前为止所得到的…… fireDelay或者只是Delay或InitialDelay等……似乎根本不起作用。我正在使用此站点的jQuery插件。 http://www.jquerytools.org/demos/scrollable/plugins.html它被称为“Scrollable Plugins in Action”。我正在使用它的独立视图3次。 http://www.jquerytools.org/demos/scrollable/plugins-navigator.htm我为每个人提供了自己的ID以便它可以工作。思想或想法赞赏！ $(document).ready(function() { // heeeeeeeeeeere we go. $(“#chained1”).scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 800, interval: 3000 }); $(“#chained2”).scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 1600, interval: 3000 }); $(“#chained3”).scrollable({circular: true, mousewheel: false}).navigator().autoscroll({ fireDelay: 3200, interval: 3000 }); });

在可滚动的div中获取鼠标位置: 在过去的几天里，另一个问题一直困扰着我。正如您可能从我的其他问题中看到的，我正在创建一些思维导图软件。所以（非常简化）我有两个div。一个是页面上的正方形，另一个是div中的大约10倍大且可拖动的。这样可以将对象放置在屏幕上，然后稍微移动到侧面，同时添加另一个对象等。我通过创建外部div可滚动来实现这一点。我遇到的问题与java脚本中的鼠标位置有关。如果我在div中的任何位置获得鼠标位置它将不正确，因为我将内部div的大小减半到顶部和左侧（因此用户有效地看着canvas的中间并且可以按照他们喜欢的方式）。我已经尝试了数十种不同的鼠标坐标function，但这些function似乎都不起作用。我在网络上找到的应该是跨浏览器的示例是： function getMouse(e) { var posx; var posy; if (!e) var e = window.event; if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; } else if (e.clientX || e.clientY) { posx = e.clientX + document.body.scrollLeft + document.getElementById(“canvas”).scrollLeft; posy = e.clientY + document.body.scrollTop + document.getElementById(“canvas”).scrollTop; […]

获取可滚动div中的第一个和最后一个可见元素: 我有一个可滚动的div中的拇指列表，使用next / prev按钮进行动画制作。每次单击“下一步”按钮都应与第一个可见元素的属性匹配。每次点击“上一步”按钮都应该给我最后一个可见元素的属性。我真的不知道如何在数学上解决这个问题，因为滚动距离在列表结束时是可变的。有人可以帮帮我吗？ HTML $ … next prev jQuery的 $(‘a.next’).click(function() { var scrollheight = $(“#scrollContent”).scrollTop(); $(“#scrollContent”).animate({scrollTop:scrollheight+375},500,function() { // get “data-asset-id” of first visible element in viewport }); }); $(‘a.prev’).click(function() { var scrollheight = $(“#scrollContent”).scrollTop(); $(“#scrollContent”).animate({scrollTop:scrollheight-375},500,function() { // get “data-asset-id” of last visible element in viewport }); }); 看看小提琴： http ： //jsfiddle.net/desCodLov/77xjD/10/ […]

jQuery Tools Scrollable with Mousewheel – 滚动一个位置并停止: 我正在使用bind / unbind进行鼠标滚动，基于此SO响应： Jquery，取消绑定鼠标滚轮事件，然后在操作完成后重新绑定它？我正在从delta中挖掘事件树，只定位X鼠标滚轮值。一切都运作良好。我想克服的问题：我想简单地向前/向后滚动一个面板，然后停止滚动。目前，我在移动后立即解除鼠标滚轮事件的绑定，并且有效地停止了滚动…但是解除鼠标滚轮事件的绑定也会使页面突然显示。我需要的是能够嗅探方向的第一个deltaX值，然后移动并停止收听。我是否需要查看自动滚动以获取答案？绑定/解除绑定感觉很难，但我不能，为了我的生活，想象一下如何在一次移动后踢出，同时仍然能够在移动完成后滚动。这是我的鼠标滚轮function： function mouseHandler(event, delta) { $(‘.homeScrollable’).bind(‘mousewheel’, mouseHandler); var deltaX = event.originalEvent.wheelDeltaX; //console.log(event.originalEvent.wheelDeltaX); if(deltaX 0) { //move backward 1 screen and stop scrollapi.move(-1); $(‘.homeScrollable’).unbind(‘mousewheel’, mouseHandler); } event.preventDefault(); // Rebind mousewheel event: $(‘.homeScrollable’).bind(‘mousewheel’, mouseHandler); }; 我也看过设置一个计时器，一个la： jquery mousewheel插件：如何每次滚动只触发一个函数这似乎令人难以置信，但没有去。这是这个人的插件页面： http ： //brandonaaron.net/code/mousewheel/docs 感谢检查出来。