首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在移动设备上滚动页面到元素不起作用,但在桌面上是不是,preventDefault是一个问题?

在移动设备上滚动页面到元素不起作用,但在桌面上是不是,preventDefault是一个问题?
EN

Stack Overflow用户
提问于 2019-06-02 23:27:47
回答 1查看 40关注 0票数 0

我也做了一个桌面和手机的网站,菜单在桌面上很好用,但在手机上就不行了,因为我想要平滑的滚动到id,我使用了这个代码:

我发现event.preventDefault()阻塞了一个函数,我将其关闭并将其转换为id,但此时动画被禁用

    $( 'a[href^="#"]' ).on( 'click', function ( event ) {
        var target = $( $( this ).attr( 'href' ) );
        var znacznik = $( $( this ).attr( 'a' ) );
        if ( target.length ) {
            event.preventDefault();
            $( 'html, body' ).animate( {
                scrollTop: target.offset().top - 80
            }, 1000 );
        }

    } );

有没有办法让它在android上工作?也许是另一个函数,然后是event.preventDefault();?

EN

回答 1

Stack Overflow用户

发布于 2019-06-03 00:26:43

我相信你可能想多了,在你想要滚动到的按钮上放一个href,如下所示:

<a href="#top"><button></button></a>

为了平滑的滚动,我要做的就是将你的CSS设置为:

html {
  scroll-behavior: smooth;
}

将整个页面设置为使元素之间的动画平滑。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56416413

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档