仅在一个元素内覆盖滚动功能

发布于 2024-11-06 12:41:50 字数 249 浏览 0 评论 0原文

我使用 jquery 提供可点击的叠加层,我想用左/右替换默认的向上/向下滚动方法(因此,当您滚动页面时,它会水平移动而不是垂直移动。我担心滚动功能在覆盖层中仍然按预期工作

更新:如果无法滚动浏览器,那么具有滚动条的水平滚动条该怎么办?向上/向下从左向右移动(以及锚点)

我的 JavaScript 经验有些有限,任何有关此事的指导将不胜感激 谢谢!

I'm using jquery to provide clickable overlays, I'd like to replace the default Scroll up/down methods with left/right (So when you scroll the page it moves horizontally not vertically. I'm worried about the scroll function still working as intended within the overlays.

Update: If it's not possible to scroll the browser what about a div that has a horizontal scroll bar that on scroll up/down moves left to right (as well as anchors)

My JavaScript experience is somewhat limited, any guidance with this matter would be greatly appreciated
Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

滥情空心 2024-11-13 12:41:50

找到了合适的解决方案:
http://plugins.jquery.com/project/ScrollTo
我的代码:

function shiftScroll(offset) {
    console.log('current:' + window.pageXOffset);
    console.log('currentY:' + window.pageYOffset);
    $(window).scrollTo(window.pageXOffset + offset, window.pageYOffset, {axis:'x'});
}

我仍然需要禁用正文中的垂直滚动条,而不禁用页面内元素中的垂直滚动条。

Found an appropriate solution with:
http://plugins.jquery.com/project/ScrollTo
my code:

function shiftScroll(offset) {
    console.log('current:' + window.pageXOffset);
    console.log('currentY:' + window.pageYOffset);
    $(window).scrollTo(window.pageXOffset + offset, window.pageYOffset, {axis:'x'});
}

I still need to disable the vertical scroll bars in the body, while not disabling the vertical scroll bars in elements within the page.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文