步骤创建的最重要的文件。,你可能无法完全实现平滑滚动。 在此步骤中,我们将创建一个”(jQuery) 文件,其中包含一个函数,该函数将为顶部效果添加平滑滚动。按照步骤创建“”文件并将其上传到您的网站目录。 在系统中创建一个新的记事本文件。 复制以下代码: jQuery(文档).ready(函数($) { $(窗口).scroll(函数(){ if ($(this).scrollTop() < 200) { $(‘smoothup’).fadeOut(); } 别的 { $(‘smoothup’).fadeIn(); } }); $(‘smoothup’).on(‘点击’, function(){ $(‘html, body’).animate({scrollTop:0}, ‘快速’); 返回假; }); }); 将代码粘贴到记事本文件中。 使用任意名称保存它,但确保扩展名是“.。 登录您网站的 cPanel。 进入网站目录“/js/” 注意:如果您的网站没有 js 目录,则需要创建一个。 将您在系统上创建
的“文件上传到该目录
第 2 步:将 Scroll 卷轴附加到您的主题 在上一步中,我们在网站目录中创建了一个文件(具有平滑滚动功能),在这一步中,我们将平滑滚动功能连接到我们的主题。为此,请执行以下步骤: 导航到 WordPress 管理仪表板中的主题编辑阿尔及利亚 WhatsApp 号码列表器。打开function.php进行编辑。并将以下代码粘贴到其中。 wp_enqueue_script( ‘smoothup’, get_template_directory_uri() . ‘/js/smoothscroarray( ‘jquery’ ), ”, true ); 按“保存更改”。 步骤 3. 将图标添加到主题 显然,您想在网站上添加一个图标,通过该图标可以让读者向上滚动。除此之外,您还需要使其更具交互性和响应能力。您可以借助 CSS 来完成此操作,如下所示: 在主题编辑器中导航到
主题的 复制以下代码
铺平 { 高度:40px; 宽度:40px; 位置:固定; 底部:50px; 右:100px; 文本缩进:-9999px; 显示:无; 背景:url(“example/wp-content/uploads/2013/07/top_icon”); -webkit-transition-duration:0.4s; -moz-过渡持续时间:0.4 秒;过渡持续时间:0.4 s; } smoothup:悬停{ -webkit-transform:旋转(360度)} 背景: url() 不重复; } 将其粘贴到主题的样式表中。 按“保存更改”。 在这里您可以根据需要更改图标;我们使用了一个参考。要编辑电子邮件列表图像,您可以将其上传到您的网站并将其粘贴到上面代码中的背景:URL 字段中。 第四步:将平滑滚动与网页连接起来。 现在我们已经创建了一个文件并将其上传到网站目录,附加了主题,并创建了效果图标,是时候进行最后一步了。现在我们将平滑滚动效果连接到网站的所有网页上,步骤如下:徽标是品牌塑造中最重要的元素之一。随着您的业务发展,您的网站