页面加载时自动滚动到id,除主页外的所有页面。只有在移动设备上才能这样做

时间:2017-03-14 作者:Patrick

我有一个小的用户体验问题,在移动设备上,我们的标题占据了大部分屏幕空间。当您使用我们的页面链接/导航时,这会导致混淆,因为折叠上方没有可见的刷新。

为了解决这个问题,我们希望在除主页之外的所有页面上自动向下滚动到#primary div。我只在移动设备上这么做。(屏幕宽度小于768px)

到目前为止,我只能将其应用于所有页面,它可以在桌面和手机上使用。我只希望它在手机上工作,我希望主页被忽略。

下面是我正在处理的代码片段

  $(\'html, body\').animate({
        scrollTop: $("#primary").offset().top
    }, 2000);

1 个回复
SO网友:Muhammad Riyaz

像这样的东西适合你:

jQuery(document).ready(function($){
                        if ( $(window).width() < 768 || window.Touch) { 
                            $(\'html, body\').animate({
            scrollTop: $("#primary").offset().top
        }, 2000);
                        } 
    });

相关推荐

如何在WordPress中使用html和css定制帖子?

我试图在Internet和stackoverflow上查找信息,但什么都没有。因此,我已经将我的网站(html、css、js)迁移到WordPress(index.php、header.php、footer.php等),在将帖子添加到我的网站之前,我不知道如何更改帖子的视图。我可以看到四种方法:1) 下载WP插件以添加和自定义帖子。但我只能使用管理区域进行自定义,我不能使用HTML和CSS,选项很少(颜色、图片等)2) 创建一个单独的文件(sidebar.php)并将我的帖子添加到其中。但如果我的客户想自