问题标签 [jquery-scrollable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 滚动到活动项目
我正在尝试构建一个将 jquery 可滚动工具用于投资组合的站点。我有一个可滚动的列表,链接到显示我们工作示例的不同页面。可滚动列表通过 PHP 包含在每个页面中(我认为这可能更优雅,但我不太适合这样做)。如果显示相关页面,可滚动列表将获得一个.active
类。li
然后可滚动列表的可见部分应该跳转到活动列表项,并且可滚动应该从那里开始。
现在我首先尝试通过结合 scrollTo 功能来修复它。但是最后一个ul
将li
不会显示(我有 5 个ul
和 5 个li
项目)。此外,可滚动开始表现得很奇怪。我有时在可滚动的 div 中看不到列表项。
这是我的代码:
我也用 initialIndex 尝试过,但这也不是很好,也没有很好的滚动效果。
javascript - JQuery 滚动到 Div 忽略偏移量
对于我的导航,我使用滚动到下面显示的 div jquery,但是当我第一次单击链接时,它会滚动并忽略顶部的偏移量,但如果我再次单击链接,它会自行更正。
起初我认为在我的本地机器上运行它可能是一个问题,但是当页面上传到服务器时会发生此错误。
任何帮助将不胜感激。
jquery - Jquery Tools 命名可滚动项目,在加载页面时打开其中任何一个(深度链接)
您好,在我的页面 http://jquerytools.org/documentation/scrollable/中使用此可滚动代码
它工作得很好。
我试图“命名”可滚动项目,以便我可以像在选项卡上一样打开特定项目,此处为http://jquerytools.org/demos/tabs/anchors.html#second
无论如何,我在这里检查,也尝试在我的代码中,命名导航上的项目,但即使在这里它也不起作用 jquerytools.org/demos/scrollable/one-sized.htm#t2
我怎样才能做到这一点?提前致谢。
这是我的代码 HTML:
我的 jquery 工具代码
更新 1:我在其他答案中找到了这个,我只是不知道如何将它应用到普通的 href,或者说,我想给我的客户一个 URL ...这是如何工作的?
假设您要进行深度链接,以便可滚动将基于 GET URL 滚动到某个幻灯片?这就是我所做的:
添加 GET 字符串就是您要链接到的幻灯片的编号。(从 0 开始)
更新2 :pastebin.com/2FeKpzba
我也不能让它工作:(
javascript - 视差滚动——这些效果是如何在 http://www.dangersoffracking.com/ 上实现的?
我不是视差滚动的忠实粉丝,主要是因为它对移动设备不那么友好,但我目前正在设计一个可以很好地工作的主页。
在http://www.dangersoffracking.com/页面上,有两个效果我特别喜欢:1)文本框在某些时候淡入然后消失(可以在开头观察到)
2)在左上角,然后在右上角,带有信息的小图标似乎通过滚动页面添加到“菜单”中。
我在 JavaScript/JQuery 方面有点新手,所以如果有人能详细解释这些工作原理并提供 JSFiddle 示例,我将不胜感激?我觉得这些也可以为其他人提供有用的资源!
谢谢!
jquery - Jquery 滚动显示移动视图/媒体查询
我使用下面的 jquery 函数使项目在网站上滚动时一个接一个地出现(http://pitchandtoss.co.uk/ourstory.html)它工作得很好但是在移动设备上查看时它不能正常工作这一切都是因为显然在较小的屏幕上像素数量会发生变化。有什么我可以添加的,比如媒体查询,可以在移动设备上查看时更改滚动功能上的像素数量吗?提前致谢。
jquery - 可滚动插件不起作用
我正在使用 Jquery 工具可滚动插件。我想在鼠标滚轮移动时一次滚动一个图像列表。但是我无法通过我正在处理的代码来实现这一点。请帮忙。
编辑:通过按下向上和向下箭头而不是通过鼠标滚轮进行滚动。
的HTML:
jQuery代码:
CSS:
javascript - Jquery-在特定时间后自动将滚动条移动到特定位置
这是我的JsFiddle
如何在几秒钟后自动将滚动条向右移动(在第三张图像之后)并带有一些淡入淡出效果,以便用户可以看到下一组图像。
有人可以告诉我如何使用 javascript 和 jquery 来完成。
这是我的 HTML
这是我的CSS:
jquery - Web 转发破坏了移动设备上的 jQuery 动画
我一直在研究一个底部有一个链接的网站,当点击该链接时,它会动画回到页面顶部。在我使用 Network Solutions 设置 Web 转发之前,该站点运行良好。现在单击该链接可在台式机上使用,但不适用于移动设备(iPad、iPhone、HTC One S 测试)。网络转发似乎为文档添加了额外的 HTML。我想知道是否有人有在移动设备上破坏 jQuery 的网络转发经验。
这是我的 jQuery。
这是网页转发添加的HTML。
关于让 jQuery 在移动设备上工作的任何想法?
javascript - $.position 为滚动 div 内的同一选择器返回不同的值
我正在使用$.position
相同的选择器,并且我得到了不同的top
值结果。
问题可能在于在滚动 div 中获取选择器的位置。这就是为什么我使用$.position
而不是$.offset
,但似乎我做错了什么。
您可以尝试在我的小提琴上多次单击文本“获取位置”:http: //jsfiddle.net/FgftM/1/
一旦 div 滚动查找选择器,再次单击“获取位置”不应该做任何事情,因为我已经在选择器位置。
结果position
值显示在底部。
为了阐明页面的结构,这里有一个草图:
原小提琴:http: //jsfiddle.net/BtZQE/16/