裴慕之 2021-10-25 01:28 采纳率: 100%
浏览 94
已结题

网页设计无法上下滑动

网页设计页面右边无法上下滑动

img

  • 写回答

2条回答 默认 最新

  • CSDN专家-天际的海浪 2021-10-25 01:40
    关注

    元素使用position: fixed;定位就不会随页滚动而上下滑动了

    你题目的解答代码如下：

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
.a{
    width:100px;
    height:200px;
    background-color:#0CF;
    position:fixed;
    top:100px;
    right: 10px;
}

</style>
<body>
<div class="a">菜单</div>
<p1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
<p>14</p>
<p>15</p>
<p>16</p>
<p>17</p>
<p>18</p>
<p>19</p>
<p>20</p>
<p>21</p>
<p>22</p>
<p>23</p>
<p>24</p>
<p>25</p>
<p>26</p>
<p>27</p>
<p>28</p>
<p>29</p>
<p>30</p>
<p>31</p>
<p>32</p>
<p>33</p>
<p>34</p>
<p>35</p>
<p>36</p>
<p>37</p>
<p>38</p>
<p>39</p>
<p>40</p>
<p>41</p>
<p>42</p>
<p>43</p>
<p>44</p>
<p>45</p>
<p>46</p>
<p>47</p>
<p>48</p>
<p>49</p>
<p>50</p>
</body>
</html>

    如有帮助，望采纳！谢谢!

    本回答被专家选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 网页上下滑动+动画--
    2016-04-23 22:42
    总的来说，"网页上下滑动+动画"是一个结合了前端技术与用户体验设计的主题。通过学习和实践，开发者不仅能提升网站的视觉表现，还能优化用户的浏览体验，使网页更具吸引力和互动性。而"swiper_shangxia"这个压缩包...
  • SVG网页上下滚动星星特效
    2021-07-24 23:30
    在网页设计领域，为了提升用户体验和视觉效果，各种动态元素被广泛应用，其中之一就是"SVG网页上下滚动星星特效"。这个特效利用了现代浏览器对CSS3和SVG（Scalable Vector Graphics）的良好支持，来实现一种令人...
  • 前端开发基于Vue3的上下无限滚动实现：页面垂直方向持续循环滚动的设计与优化
    2025-07-26 19:38
    内容概要：本文介绍了如何在Vue3中实现上下无限滚动的效果。首先，准备基础页面并隐藏滚动条，然后通过`scrollTo`方法结合`requestAnimationFrame`实现持续滚动。为了避免滚动到底部停止的问题，采用将滚出视口的...
  • jQuery比较实用的网页上下滚动背景变色特效代码.zip
    2023-12-17 00:24
    "jQuery比较实用的网页上下滚动背景变色特效代码.zip" 提供的是一种独特且引人注目的网页交互效果，即当用户在网页上滚动时，背景颜色会随着滚动条的位置变化而平滑过渡。这种效果可以增加网页的视觉吸引力，使得...
  • js+css3文字上下滚动切换动画特效
    2020-06-11 10:19
    在网页设计中，动态效果是吸引用户注意力和提升用户体验的重要手段。"js+css3文字上下滚动切换动画特效"就是一种实现这种效果的技术方案。它结合了JavaScript（js）的编程逻辑与CSS3的新特性，为网页的文字展示带来...
  • 凡客网图片上下滑动代码，琴键效果
    2021-01-23 05:17
    【标题】：“凡客网图片上下滑动代码，琴键效果”是指一种网页设计技术，常见于电商网站或产品展示页面，用于实现图片的动态展示，以吸引用户的注意力并提高用户体验。这种效果使得图片如同钢琴键盘上的琴键一样，...
  • webapp滚动 上下滑动加载数据
    2016-07-09 20:34
    在Web应用程序中，实现"webapp滚动 上下滑动加载数据"功能是一项常见的需求，尤其是在移动端。这个功能使得用户在浏览长列表时无需手动翻页，只需滚动页面即可自动加载更多内容，提供更好的用户体验。这里主要涉及到...
  • js实现文字上下滚动效果
    2025-01-20 16:53
    在当前的网页开发中，实现文字上下滚动效果是常见的需求之一，尤其是在广告展示和友情链接展示的场景中，这种效果可以吸引用户的注意力，提高信息的传达效率。Javascript作为一种广泛使用的脚本语言，能够实现丰富的...
  • 基于jQuery制作小图标上下滑动特效
    2020-10-20 14:52
    总结，基于jQuery制作小图标上下滑动特效涉及到了前端开发中的多个关键技术点，包括jQuery的引入、事件处理、CSS样式设置、动画效果实现等。通过这些知识的合理应用，可以有效地丰富网页的交互性和视觉体验。
  • 玩转前端-歌词滚动（html、js、css）
    2024-01-12 15:13
    在前端开发中，创建引人入胜的用户体验是至关重要的，而歌词滚动特效就是一种能够增强用户互动感的视觉表现手法。本知识点将深入探讨如何使用HTML、CSS和JavaScript来实现这种效果，让网页上的歌词随着音乐节奏动态...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 11月5日
  • 专家已采纳回答 10月28日
  • 创建了问题 10月25日