社区
C#
帖子详情
JS控制样式问题(绝对定位)
avengercf
2008-09-01 04:05:20
this.ID.style.position="absolute";
this.ID.style.marginleft="auto";
如上代码,对一个层对象设置了定位后marginleft属性会失效,求较解决办法,
实现伪效果也可以
...全文
382
10
打赏
收藏
JS控制样式问题(绝对定位)
this.ID.style.position="absolute"; this.ID.style.marginleft="auto"; 如上代码,对一个层对象设置了定位后marginleft属性会失效,求较解决办法, 实现伪效果也可以
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
avengercf
2008-09-05
打赏
举报
回复
问题依然没有解决,不过决定放弃横向的浮动了。谢谢大家了。
西安风影
2008-09-04
打赏
举报
回复
this.ID.style.position="absolute";
this.ID.style.marginleft="auto";
如上代码,对一个层对象设置了定位后marginleft属性会失效,求较解决办法,
实现伪效果也可以
================marginleft应该注意大小写吧,marginLeft
document.documentElement.scrollLeft 恒为0!!
有知道问题原因的吗??
================添加文档类型声明试试<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
avengercf
2008-09-04
打赏
举报
回复
一波未平一波又起啊,横向滚动条FF下失效!!
document.documentElement.scrollLeft 恒为0!!
PS : FF是不支持 document.body.scrollLeft 这种访问的,标准模式下。
tianrui456
2008-09-03
打赏
举报
回复
document.body.scrollLeft 有值嘛??
avengercf
2008-09-03
打赏
举报
回复
一波未平一波又起啊,横向滚动条FF下失效!!
document.documentElement.scrollLeft 恒为0!!
有知道问题原因的吗??
ZXSDN
2008-09-01
打赏
举报
回复
[Quote=引用 4 楼 avengercf 的回复:]
由于现在不知道我的层大小(其实是做到通用,不能设定初始大小),
通过坐标定位无法获取DIV的初始Y坐标。所以定位只能通过屏幕大
小来定,这样还要考虑不同屏幕和不同浏览器。。。。。
[/Quote]
这样的话,建议你在层出现的时候,由JS实时计算层定位坐标点。
也能实现你的需求。
另外,CSS里面Position:absolute属性和透明滤镜alpha属性也冲突。
avengercf
2008-09-01
打赏
举报
回复
回1楼:
由于现在不知道我的层大小(其实是做到通用,不能设定初始大小),
通过坐标定位无法获取DIV的初始Y坐标。所以定位只能通过屏幕大
小来定,这样还要考虑不同屏幕和不同浏览器。。。。。
回3楼:整个改变也没用,marginleft:auto;属性代码中有,可是失效。
whj3102
2008-09-01
打赏
举报
回复
试下改变整个CSS
this.ID.style.cssText="position:absolute;marginleft:auto; ";
lude8880
2008-09-01
打赏
举报
回复
看不懂
ZXSDN
2008-09-01
打赏
举报
回复
绝对定位以后还用margin做什么呢?
直接修改坐标不能满足你的需求么?
基于JavaScript实现无缝滚动效果
本文实例为大家分享了JavaScript实现无缝滚动效果展示的具体代码,供大家参考,具体内容如下 首先应该区分
样式
中的
绝对定位
和相对定位,一般来说,移动的单位为
绝对定位
,在这个实例中,移动的Ul就是
绝对定位
,否则它根本无法滚动,而它相对于div1滚动 ,则div1就作为他的相对定位。 oUl[removed]=oUl[removed]+oUl[removed];这段代码是实现无缝滚动的核心,使之可以在不论左右滚动的时候都有下一步图片接上去。 在操作或者进行比较的时候,都要用offset取值来进行操作或者比较!!! 代码: <!DOCTYPE html> <html l
JS
中获取 DOM 元素的绝对位置实例详解
在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。 本文会详述各种获取 DOM 元素绝对位置 的方法以及对应的兼容性。关于如何获取 DOM 元素高度和滚动高度,请参考视口的宽高与滚动高度 一文。 概述 这些是本文涉及的 API 对应的文档和标准,供查阅: API 用途 文档 标准 offsetTop 相对定位容器的位置 MDN CSSOM View Module clientTop 上边框宽度 MDN CSSOM View Module .getBo
全面理解和掌握CSS定位
关于 CSS 中的定位(position),你可能听说过
绝对定位
(absolute)和相对定位(relative),但其实还有另外三个定位。 本次课程将通过20分钟的时间来介绍有关 CSS 定位的所有知识,当视频结束的时候,你将会...
淘宝首页web前端课设(HTML+css+
js
)
本web前端课设主要用到html,css知识点和一些少量的
js
语言编写的轮播图。适合于大一、大二正在做课设的同学进行参考。(我的博客里有做成的效果图和每个模块的解说内容,没有了解的同学可以先去看看做成功的页面效果图。)没有任何插件,资源里有图片素材和全部代码文件,解压后即可运行页面。用到的知识点主要有html课程种常见的标签,span、ul li、a、img、span、div等标签。css
样式
修饰用到最多的是
绝对定位
和相对定位,边框修饰,文字修饰,颜色美化等。
js
用了100多行代码做了一个轮播图效果。 简单总结: 1.没有看过做成效果图的先看我的博客。 2.web大多常用的知识点都以用上 3.该资源解压即可运行 4.
js
属于扩展内容 5.代码量html文件24k+css文件19k共43k大小
原生
js
获取left值和top值的三种方法
在用
js
做动态效果时,通常需要获取元素
绝对定位
中的left和top属性值。比如做一个碰撞广告,就要不停的获取元素的top和left属性值。 需要注意的事:取值的元素必须要设置position:absolute
绝对定位
属性,才能取的到left值。 第一种方法,比较简单,就是直接通过obj.style.left和obj.style.top,但是有局限性,这种获取的方法只能获取到行内
样式
的left和top的属性值,不能获取到style标签和link 外部引用的left和top属性值。 第二种方法 只读,可以获取所有style
样式
,存在兼容性
问题
,在标准浏览器中可以通过window.getComput
C#
110,534
社区成员
642,576
社区内容
发帖
与我相关
我的任务
C#
.NET技术 C#
复制链接
扫一扫
分享
社区描述
.NET技术 C#
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
让您成为最强悍的C#开发者
试试用AI创作助手写篇文章吧
+ 用AI写文章