帮助:滚动列表

维基百科,自由的百科全书
跳到导航 跳到搜索

滚动列表是一系列包含在图形用户界面(GUI)里的项目,以使文本上下移动,或通过移动滚动条英语Scrollbar在屏幕上显示。滚动列表或许可以用在项目页面或者其他维基百科命名空间

创建直向滚动

代码如下:

<div style="height:10em; overflow:auto; border: 2px solid #088">
  1. 天地玄黄 宇宙洪荒
  2. 日月盈昃 辰宿列张
  3. 寒来暑往 秋收冬藏
  4. 闰余成岁 律召调阳
  5. 云腾致雨 露结为霜
  6. 金生丽水 玉出昆冈
  7. 剑号巨阙 珠称夜光
  8. 果珍李柰 菜重芥姜
  9. 海咸河淡 鳞潜羽翔
  10. 龙师火帝 鸟官人皇
  11. 始制文字 乃服衣裳
  12. 推位让国 有虞陶唐
  13. 吊民伐罪 周发殷汤
  14. 坐朝问道 垂拱平章
  15. 爱育黎首 臣伏戎羌
  16. 遐迩壹体 率宾归王
  17. 鸣凤在树 白驹食场
  18. 化被草木 赖及万方
  19. 盖此身发 四大五常
  20. 恭惟鞠养 岂敢毁伤
  21. 女慕贞絜 男效才良
  22. 知过必改 得能莫忘
  23. 罔谈彼短 靡恃己长
  24. 信使可覆 器欲难量
  25. 墨悲丝染 诗讃羔羊
  26. 景行维贤 克念作圣
</div>

产生直向滚动如下:

  1. 天地玄黄 宇宙洪荒
  2. 日月盈昃 辰宿列张
  3. 寒来暑往 秋收冬藏
  4. 闰余成岁 律召调阳
  5. 云腾致雨 露结为霜
  6. 金生丽水 玉出昆冈
  7. 剑号巨阙 珠称夜光
  8. 果珍李柰 菜重芥姜
  9. 海咸河淡 鳞潜羽翔
  10. 龙师火帝 鸟官人皇
  11. 始制文字 乃服衣裳
  12. 推位让国 有虞陶唐
  13. 吊民伐罪 周发殷汤
  14. 坐朝问道 垂拱平章
  15. 爱育黎首 臣伏戎羌
  16. 遐迩壹体 率宾归王
  17. 鸣凤在树 白驹食场
  18. 化被草木 赖及万方
  19. 盖此身发 四大五常
  20. 恭惟鞠养 岂敢毁伤
  21. 女慕贞絜 男效才良
  22. 知过必改 得能莫忘
  23. 罔谈彼短 靡恃己长
  24. 信使可覆 器欲难量
  25. 墨悲丝染 诗讃羔羊
  26. 景行维贤 克念作圣

创建横向滚动

div

目前横向滚动不支援太多个半形空格和中文字元。 代码如下:

<div style="height:10em; overflow:auto; border: 2px solid #088"> ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ</div>

产生横向滚动如下:

ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

pre

代码如下:

<pre style="overflow:auto;"> 天地玄黃 宇宙洪荒 日月盈昃 辰宿列張 寒來暑往 秋收冬藏 閏餘成歲 律召調陽 雲騰致雨 露結為霜 金生麗水 玉出崑岡 劍號巨闕 珠稱夜光 果珍李柰 菜重芥薑 海鹹河淡 鱗潛羽翔 龍師火帝 鳥官人皇</pre>
天地玄黃 宇宙洪荒 日月盈昃 辰宿列張 寒來暑往 秋收冬藏 閏餘成歲 律召調陽 雲騰致雨 露結為霜 金生麗水 玉出崑岡 劍號巨闕 珠稱夜光 果珍李柰 菜重芥薑 海鹹河淡 鱗潛羽翔 龍師火帝 鳥官人皇

参见