作者uorol (′‧ω‧‵)
看板Web_Design
标题[问题] 超过固定高度隐藏文字
时间Tue Nov 26 19:10:18 2019
Dear all
想要请教是否有用Java script或者CSS,
将超出固定高度之後的文字隐藏?
因为网页的background想放一张萤幕的图,
卷动的时候让文字超过萤幕之後隐藏.
但是用了几个CSS的语法都是静态的隐藏 QQ
可以提示小弟一些关键字吗?
┌——————————————————————————┐
│ Web background │
│ │
│ ┌—————————————┬┐ │
│ │ Text content ││ │
│ │ ││ │
│ │ ││ │
│ │ ││ │
│ │ ││ │
│ │ ││ │
│ └—————————————┴┘ │
│ │
│ │
└——————————————————————————┘
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 211.23.125.115 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1574766621.A.683.html
1F:→ wayway2004: overflow: hidden; 11/26 19:49
2F:→ uorol: 楼上那个关键字我试过会在还没卷动时就被隐藏 11/26 21:03
3F:→ uorol: 还是有没有推荐的组合方式...? 11/26 21:03
4F:→ uorol: 另外我试过用JS去注册onScroll listen, 再去计算高度 11/26 21:04
5F:→ uorol: 这样可以动态的hidden widget... 11/26 21:04
6F:→ uorol: 不过如果要做到单行, 就得把每一行都加上单独的CSS class 11/26 21:05
7F:→ uorol: 另外就是图片似乎没办法用这种方式处理 (哭 11/26 21:05
8F:推 arthur104: 不是很理解要干嘛orz 11/26 22:06
9F:推 ymcheung: 把问题放在 codepen 看看? 11/26 22:21
10F:→ uorol: 嗯...简单来说我的背景会是一个电脑萤幕 11/26 22:34
11F:→ uorol: 当卷动的时候, 文字向上卷动的时候想要限定只在那个区块里 11/26 22:35
12F:→ uorol: codepen吗? 我来研究看看 ._.)y 11/26 22:36
13F:→ foolray: 目前看起来 会不会转个想法 背景是文字 上面盖图 条整高 11/26 23:33
14F:→ foolray: 度让文字露出? 11/26 23:33
15F:→ jhnny97: 你知道不同的DOM可以设置各自的overflow style吗? 11/26 23:46
16F:推 wayway2004: 感觉萤幕框图片覆盖在文字上会快一点 11/27 00:09
17F:推 wayway2004: css clip-path 也能办到 11/27 09:51
18F:→ uorol: 感谢楼上几位的意见 <(_ _)> 小弟来研究研究 11/27 10:37
19F:→ uorol: 专职是BSP, 基本上没有碰过网页全部都土法炼钢 (汗 11/27 10:37
21F:推 chanchanbear: 试试看overflow-y:scroll呢? 11/27 12:28
22F:→ jhnny97: 原来你是要这样子啊,查 position absolute、z-index 吧 11/27 18:48
24F:→ sjlxup6: 解法很多,但多半都会用position定位的方式来解 11/30 07:55
25F:→ sjlxup6: 和overflow的用法不太一样,position要注意父子关系 11/30 07:56