返回顶部代码_dede 返回顶部简单代码

💻✨在网页设计中，“返回顶部”功能是提升用户体验的重要一环。无论是长篇内容还是复杂的导航结构，它都能让用户快速回到页面顶端，省去繁琐的滚动操作。对于使用织梦（DedeCMS）建站的朋友来说，实现这一功能其实非常简单！只需要一段简洁的代码，就能轻松搞定。

首先，在需要显示“返回顶部”按钮的位置插入以下代码：

```html

回到顶部

```

接着，在CSS文件中定义按钮样式：

```css

.gotop {

position: fixed;

bottom: 50px;

right: 30px;

display: none;

width: 50px;

height: 50px;

background-color: ff6f61;

color: white;

text-align: center;

line-height: 50px;

border-radius: 50%;

cursor: pointer;

z-index: 999;

}

```

最后，用jQuery实现按钮的显示与隐藏效果：

```javascript

$(window).scroll(function() {

if ($(this).scrollTop() > 300) {

$('.gotop').fadeIn();

} else {

$('.gotop').fadeOut();

}

});

$('.gotop').click(function() {

$('body,html').animate({ scrollTop: 0 }, 500);

});

```

🚀这样，一个美观实用的“返回顶部”按钮就完成了！不仅增强了网站的交互性，还让访客感受到贴心的服务。快试试吧，让你的网站更加友好！✨