滚动条 和 背景位置及绝对定位

1.     去滚动条的属性 overflow:hidden;

overflow-x:hidden; 水平超出的隐藏。

2.     z-index 层次叠加元素重叠谁的值大谁在上面

(1)      父级出现position:relative;时候z-index失效

(2)      层叠元素出现float的时候会失效

(3)      层叠元素也得设置position:absolute/fixed.

3.     background-position:100px 300px;

   Background-position:0% 50%; 50% 0;

Background-position:center center;

4.     absolute 绝对定位

使用这个属性之后,这个元素不会占位了,脱离标准文档流,同时元素本身也变成了行级块元素。往往需要设置width100%;

 

5.     marquee 滚动标签

 

他身上所具有的功能有标签属性决定。

 

Direction 决定滚动方向默认是left right up down

 

Behavior 决定滚动的方式 scroll连续滚 slide 滚动一次 alternate 来回滚动

 

Loop 循环的次数默认是无数次

 

Scrollamount 运动速度默认是6

 

Scrolldelay 表示停顿的时间单位是毫秒 1=1000毫秒

 

Aligin 元素的垂直对齐方式 top middle bottom

 

Width height 表示区域的大小

 

Hspace   vspace  表示元素在区域边界的水平距离和垂直距离

 

转载于:https://www.cnblogs.com/Shinigami/p/9800193.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现滚动条滚动到某个位置后自动定位到某个tr元素,可以使用JavaScript来实现。具体步骤如下: 首先,通过document对象的getElementById()方法或querySelector()方法获取到要定位的tr元素。 接下来,为窗口的滚动条添加一个滚动事件监听器,使用addEventListener()方法将scroll事件和一个处理函数绑定起来。 在处理函数中,可以通过window对象的scrollY属性获取到滚动条的滚动距离。可以使用tr元素相对于浏览器窗口视口的位置来判断滚动条是否滚动到了需要定位的位置。 获取tr元素相对于窗口视口的位置可以使用getBoundingClientRect()方法。该方法返回一个包含四个属性top、right、bottom和left的DOMRect对象,表示元素的位置和大小。 当滚动条滚动距离大于或等于tr元素的top属性时,说明滚动条已经滚动到了需要定位的位置,可以调用tr元素的scrollIntoView()方法将其滚动到可视区域内。 以下是一个简单示例代码: ```javascript var trElement = document.getElementById("trId"); // 获取要定位的tr元素 window.addEventListener("scroll", function() { var trRect = trElement.getBoundingClientRect(); // 获取tr元素的位置信息 if (window.scrollY >= trRect.top) { trElement.scrollIntoView(); // 将tr元素滚动到可视区域内 } }); ``` 需要注意的是,上述代码中的"trId"需要替换成要定位的tr元素的具体id属性值。另外,tr元素的父级容器需要设置合适的高度和overflow属性,以使滚动条生效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值