---
title: wordpress页面手动添加back to top按钮
slug: add-back-to-top-button-manually-with-elementor
date: 2022-06-22
author: Frankie 徐
category: wordpress
tags: []
description: 选中第一个section在&nbsp;Advanced tab的css id中，输入一个自定义的id名，例如top在需要的位置拖入一个button，设置button的位置，把它固定在页脚（Sticky Scrolling Effect）button的文字写top，或者向上的图标链接设置为#top&nbsp; 原文地址： h...
permalink: https://www.210k.cc/add-back-to-top-button-manually-with-elementor
---

1.  选中第一个section
2.  在 _Advanced tab_的css id中，输入一个自定义的id名，例如top
3.  在需要的位置拖入一个button，设置button的位置，把它固定在页脚（[Sticky Scrolling Effect](https://www.youtube.com/watch?v=pQGPBCta4Ac)）
4.  button的文字写top，或者向上的图标
5.  链接设置为#**top** 

原文地址：

https://elementor.com/help/how-to-add-a-back-to-top-button-using-elementor/