有一个div如何当网页滚到顶部与这个div的距离为0的时候，这时候这个div固定不动!急！急!急!

Posted 2023-05-15

具体的就像QQ秀试穿的那个页面..在线等解答...满意的可以另给财富

设置一个 活动的距离 给它
最大和最小值 不让他超出这个活动的范围
例如
左侧代码：

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
右侧代码
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>追问

这是什么效果的代码？

追答

网页图片 效果移动的
给你借鉴一下 大概都是这么个样子

参考技术A 给你的div加下面的东西，长宽高自己定义
.div_name width:100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;


* html .div_name
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
left: expression("0");
追问

top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
left: expression("0");
能详细解释下这里面的几个关键词是什么意思么？谢谢！我确实看不懂这个代码在css中有什么用...

参考技术B 这恐怕需要用js来判断的 js配合div的绝对定位。你看一下 淘宝商品搜索页面的那个排序导航条。追问

恩，是这个意思...谢谢了...研究QQ的半天没得结果...原来没注意到taobao也有这个东东，不过...必须用js么？

追答

是的，因为这需要判断你这个div的坐标与浏览器的坐标，仅仅用position定位是做不到这种效果的，你可以去google搜一下相关的jquery 其实解决起来也不难。

本回答被提问者采纳

DIV 在内容更改之前跳到顶部

【中文标题】DIV 在内容更改之前跳到顶部

【英文标题】：DIV jumps to top before content change

【发布时间】：2013-10-02 09:44:21

【问题描述】：

我有一个使用 Cordova 3.0.0 制作的 iOS 网络应用程序。在这个应用程序中，我有一个名为“mainContainer”的 div。当我尝试更改此 div 的内容时，它会跳到顶部一会儿，然后更改内容。 如何禁用此效果？

谢谢！

【参考方案1】：

由于您已标记 javascript，我假设内容更改是通过 javascript 函数发生的，并且您可以控制所述 javascript 函数的代码。

This 应该可以帮助您保持之前的滚动位置。

万一文章日后被删除，贴出的基本代码如下：

<script type="text/javascript">
    var xPos, yPos;
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(BeginRequestHandler);
    prm.add_endRequest(EndRequestHandler);
    function BeginRequestHandler(sender, args) 
        xPos = $get('scrollDiv').scrollLeft;
        yPos = $get('scrollDiv').scrollTop;
    
    function EndRequestHandler(sender, args) 
        $get('scrollDiv').scrollLeft = xPos;
        $get('scrollDiv').scrollTop = yPos;
    
</script>