JS 帮助 mouseup 和 down

发布于 2025-01-10 16:25:47 字数 501 浏览 0 评论 0原文

我需要什么：

如何用按键来完成就可以，但用鼠标更好。我需要网站在鼠标或按键按下时自行滚动，一旦发布，网站就会回到顶部。但如果到达最后部分，按下键/鼠标将不再起作用。

我所拥有的：

所以该网站正在使用 gsap 和scrolltriggers。我有可触摸的不透明度：

HTML：

<a href="#top" class="touchableOpacity" id="TO"></a>

JS：

$("a[href='#top']").mouseup(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});

tls8In
.to("#TO",{top: -2000, duration:0.1})

鼠标向上时它会到达顶部，并且当输入最后一部分时它会从视口中删除。 '''

原文

What I need:

How to do it with a key is fine, but with mouse is preferable. I need the website to scroll through itself while the mouse or key is down, and once released the site goes all they way back to the top. but if it reaches the Final section, the key/mouse down will no longer work.

What I have:

So the site is using gsap and scrolltriggers. I have touchable opacity :

HTML:

<a href="#top" class="touchableOpacity" id="TO"></a>

JS:

$("a[href='#top']").mouseup(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});

tls8In
.to("#TO",{top: -2000, duration:0.1})

It takes to top on mouse up and it is removed from viewport when the final section is entered.
'''

分享到QQ

分享到微博

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

发布评论

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

空气里的味道 2025-01-17 16:25:47

嗨！尝试上面的代码。此代码添加了将 html 标签滚动到元素的功能，该 id 在 href 属性中设置。

$('a[href*=#]:not([href=#])').click(function () {
  if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
    let target = $(this.hash);

    target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');

    if (target.length) {
      $('html,body').animate({ // which elements should be scrolled
        scrollTop: target.offset().top
      }, 1000); // animation time
      return false;
    }
  }
});

Hi! Try this code above. This code adds functionality to scroll html tag to element, which id is set in href attribute.

$('a[href*=#]:not([href=#])').click(function () {
  if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
    let target = $(this.hash);

    target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');

    if (target.length) {
      $('html,body').animate({ // which elements should be scrolled
        scrollTop: target.offset().top
      }, 1000); // animation time
      return false;
    }
  }
});

回复收藏 0 原文

~没有更多了~