`
zhang_yingjie
  • 浏览: 114620 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

在鼠标位置显示一个div(带滚动条)

IE 
阅读更多
用鼠标点击页面上一个指定位置的时候,在鼠标位置显示一个DIV。
但是将页面往滚动一下,显示的位置就不同了,这应该怎么解决呢?


function moveLayers(l_id)
{
var my_layer=document.getElementById(l_id);
var x=window.event.clientX;
var y=window.event.clientY;
//下面的值要改为:(虚线中的值)
my_layer.style.posLeft=x;
my_layer.style.posTop=y;
}

--------------------------------------------------------------------
在 ie 下用

document.documentElement.scrollTop + window.event.clientY

在 ff 下

window.scrollY + event.clientY
----------------------------------------------------------------------
分享到:
评论

相关推荐

    js 随鼠标滚动条滚动的div

    在JavaScript中,实现一个div元素随鼠标滚动条滚动的效果,主要涉及到两个关键概念:事件监听和CSS定位。这个效果常用于创建固定定位的侧边栏、头部导航等元素,即使页面滚动,它们仍然保持在视口中的特定位置。 ...

    JQuery 随鼠标滚动条滚动的div

    标题中的“JQuery 随鼠标滚动条滚动的div”是指使用JQuery库来实现一个功能,即当用户滚动页面时,某个特定的div元素会跟随滚动条一起移动。这个功能在网页设计中常见于侧边栏菜单、广告条或者固定导航栏等,目的是...

    js实现鼠标滑动到某个div禁止滚动

    关于如何使用JavaScript实现当鼠标滑动到指定的div区域内时禁止页面滚动的功能,这是一个在前端开发中可能会遇到的实际需求。通常这种需求是在特定的操作场景中为了提供更好的用户体验而提出的。例如,在一个产品...

    鼠标滚动div内容

    设置`overflow: auto`或`overflow: scroll`将使div显示滚动条,让用户能够查看隐藏的内容。 2. **JavaScript事件监听** JavaScript提供了事件监听功能,例如`addEventListener`,用于在用户滚动鼠标时触发相应的...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    一款好看的DIV+CSS滚动条

    滚动条通常在内容超过容器显示范围时出现,允许用户浏览隐藏的部分。在默认情况下,浏览器会提供标准的滚动条样式,但这些样式可能无法满足设计师对于界面美观和一致性的需求。因此,利用CSS,我们可以自定义滚动条...

    Div滚动条随鼠标滚动js版(由网友JQuery版改写而成)

    然而,这种做法在IE8中可能会导致一个副作用:`div`内的滚动条失去响应,无法通过鼠标滚轮进行滚动。同样,如果`div`元素有`onfocus()`事件,当用户点击其他地方使`div`失去焦点时,滚动条也会失效。 为了解决这个...

    拖动div 内部有滚动条

    在处理带有内部滚动条的 `div` 时,我们常常需要实现拖动功能,让用户能够通过鼠标拖动来查看内容,特别是在内容超出 `div` 边界时。这种效果常见于各种自定义滚动条或者数据展示区域的设计。 要实现“拖动div内部...

    利用div+jquery自定义滚动条

    在这里,`div`可以作为我们需要自定义滚动条的容器,通过设置`overflow`属性来控制内容超出时是否显示滚动条。例如,如果想让div在内容过多时显示横向滚动条,可以这样设置CSS样式: ```css div.scroll-container {...

    div滚动条样式一览-div+css设计网

    尽管跨浏览器兼容性是个挑战,但通过合理的代码管理和渐进增强策略,我们仍然可以在保持功能的同时提升滚动条的视觉体验。 总结,通过CSS3,我们可以对`div`元素的滚动条进行深度定制,使其成为网页设计中的一部分...

    Div滚动条随鼠标滚动Jquery版(转)

    Div滚动条随鼠标滚动Jquery版(转)Div滚动条随鼠标滚动Jquery版(转)

    HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式

    例如,如果你想让一个div元素在内容超出时显示滚动条,可以这样设置: ```css div { width: 200px; height: 200px; overflow: auto; } ``` 接下来,我们讨论如何隐藏滚动条。如果希望在某些情况下隐藏滚动条,...

    js 鼠标位置 div拖拽

    在JavaScript编程中,"js 鼠标位置 div拖拽"是一个常见的交互功能,它允许用户通过鼠标操作页面上的div元素并改变其位置。这个功能的实现涉及到几个关键知识点,包括鼠标事件、鼠标的坐标属性以及div元素的样式操作...

    外部滚动条控制iframe

    3. **同步iframe内部滚动位置**:在事件处理函数中,根据外部滚动条的位置,使用JavaScript设置iframe内部文档的滚动位置。这通常通过修改`iframe.contentDocument.body.scrollTop`或`iframe.contentWindow.scrollTo...

    jQuery+mousescroll.js自定义美化div滚动条插件

    "jQuery+mousescroll.js自定义美化div滚动条插件"就是这样一个工具,它旨在将传统的浏览器滚动条转变为更加符合现代审美且交互友好的元素。这款插件允许开发者轻松地自定义滚动条样式,使其与网站的设计风格保持一致...

    仿百度左右滑动无滚动条

    标题“仿百度左右滑动无滚动条”所指的是在网页设计中实现的一种用户交互效果,它使得用户可以左右滑动内容区域,而不会显示传统的垂直滚动条,这种设计常见于某些网站的新闻列表或者产品展示区域,能提供更加美观且...

    纯css控制内容随滚动条滚动,可放任意位置

    压缩包中的`index.html`很可能是包含这个示例的HTML文件,其中会有一个带有`float-chat`类的元素,如`<div>`,用来显示客服悬浮窗。`相关内容.txt`可能包含了更多关于如何使用这些代码的说明或额外的CSS样式。`...

    div不随滚动条的滚动而动 可以兼容到IE6

    在网页设计中,"div不随滚动条的滚动而动"是一种常见的布局需求,通常用于创建固定定位元素,如顶部导航栏、侧边栏或浮动提示框等。这些元素需要在用户滚动页面时始终保持在屏幕的某个特定位置,提供持续的可访问性...

    textArea滚动条样式

    创建覆盖在`textarea`上的透明div,监听滚动事件,手动调整div的位置以模拟滚动条效果。这种方法较复杂,需要考虑更多的边界情况和性能优化。 4. **浏览器检测与条件样式** 可以使用JavaScript检测浏览器类型,...

Global site tag (gtag.js) - Google Analytics