`
wangshaofei
  • 浏览: 283857 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

网页滚动事件,触发是指定元素的位置改变

    博客分类:
  • php
阅读更多

//网页滚动事件,触发是指定元素的位置改变
<script type="text/javascript">
    window.onscroll = function() {
        scrollItem();
    }

    function scrollItem(){
        //alert(document.body.scrollTop);
        if(navigator.userAgent.indexOf("Chrome")>0){
            document.getElementById("notice_jqm").style.top=document.body.scrollTop+(document.documentElement.clientHeight-document.getElementById("notice_jqm").offsetHeight)/2+"px";
            //alert(document.getElementById("winpop").style.top);document.getElementById("winpop").style.left=document.body.scrollLeft+(document.documentElement.clientWidth-document.getElementById("winpop").offsetWidth)/2+"px";
        }
        else{
            document.getElementById("notice_jqm").style.top=document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("notice_jqm").offsetHeight)/2+"px";
            //alert(document.getElementById("winpop").style.top);document.getElementById("winpop").style.left=document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("winpop").offsetWidth)/2+"px";
        }
    }


</script>
 
分享到:
评论

相关推荐

    react-ReactScrollTo一个React组件可以帮助滚动页面至指定位置

    ReactScrollTo的基本用法通常涉及导入组件,创建一个实例,并将其绑定到需要触发滚动事件的元素上。例如,你可以将它绑定到按钮的点击事件上,当按钮被点击时,页面会滚动到特定的DOM元素或者像素位置。组件通常接收...

    jQuery实现将div的滚动条滚动到指定位置

    当用户点击`#scrollTo`按钮时,会触发一个JavaScript函数,该函数计算当前滚动位置并加上目标偏移量,然后使用`animate()`方法在1秒内平滑地滚动到新位置。 需要注意的是,`scrollTop()`方法用于获取或设置元素的...

    屏幕滚动到相应位置,执行css动画

    在实际应用中,我们可以监听滚动事件(scroll event),当滚动到特定位置时,改变元素的类名或添加一个新的CSS类,这个新的类包含触发动画的样式。例如,可以创建一个名为`.visible`的类,其中设置了动画的开始和...

    Vue列表如何实现滚动到指定位置样式改变效果

    该方法可以在带有滚动条的容器内,将指定元素滚动到可视区域。在Vue中,你可以在点击事件中使用这个方法,同时可以传递一个对象,其中包含配置滚动行为的选项,如行为(behavior)、块(block)和内联(inline)。 ...

    JavaScript触发事件列表

    改变事件是当文本或textarea元素内的字符值改变或select表格选项状态改变时发生的事件。例如:('您在文本框中添加了新的内容')"&gt; 选中事件(OnSelect) 选中事件是当text或textarea对象中的文字被选中时引发的事件...

    jQuery页面上下滚动触发区块动画特效.zip

    在这个上下滚动触发的动画特效中,可能会涉及到元素的定位和显示。jQuery的`.offset()`方法可以获取元素相对于文档的偏移,`.show()`和`.hide()`方法则用来控制元素的可见性。当元素进入视口(即用户滚动到元素所在...

    javascript 触发事件列表

    #### 二、值改变事件(onchange) 当文本框、文本区域或选择框的值发生变化时触发的事件。例如,当用户在输入框中更改了值或者选择了下拉菜单中的不同选项时。 **示例:** ```html ('值已改变')"&gt; ``` 在这个例子...

    易语言源码易语言滚动条位置判断源码.rar

    1. **滚动条事件**:易语言提供了如“滚动条改变”这样的事件,当用户滚动滑块或通过代码改变滚动条位置时,该事件会被触发。开发者可以在事件处理程序中获取新的滚动位置并据此更新界面或其他逻辑。 2. **滚动条...

    鼠标触发的事件,JS脚本

    7. onScroll:浏览器的滚动条位置发生变化时触发的事件。 8. onStop:浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断。 9. onUnload:当前页面将被改变时触发的事件。 这些事件可以被用来实现各种...

    jQuery鼠标滚动事件动画 jQuery鼠标滚动事件动画宣传页面.zip

    它允许开发者指定元素的样式属性(如位置、透明度等)随时间线性变化,从而创建出平滑的动画。例如,可能有一个标题或图片,在鼠标滚动时沿着Y轴滑动,或者一些背景元素在滚动时逐渐显示或隐藏,这些都可能通过`....

    利用jquery制作滚动到指定位置触发动画

    总的来说,这个例子展示了如何利用 jQuery 和 CSS3 动画技术来创建一个滚动触发的动画效果。你可以根据实际需求调整 `gdjz` 函数中的参数,以适应不同的元素和动画效果。虽然 CSS3 动画在某些旧版 IE 浏览器中可能不...

    jquery 相对定位 屏幕滚动

    当用户滚动页面时,这个事件会被触发,我们可以通过JavaScript来调整相对定位的元素,使其保持在视口内。以下是一个基本的实现步骤: 1. **选择目标元素**:使用jQuery的选择器选择需要随屏幕滚动的元素,例如:`$...

    js实现浏览器窗口大小被改变时触发事件的方法

    这篇文章的重点是介绍如何使用JavaScript中的window对象的onresize事件来实现当浏览器窗口大小改变时触发事件的功能。以下是关于这一知识点的详细解析。 首先,我们了解window对象。在浏览器中,window对象表示一个...

    jquery控制滚动条下拉后DIV容器在页面中的位置

    标题中的“jquery控制滚动条下拉后DIV容器在页面中的位置”是指利用jQuery库来实现一个功能,即在用户滚动网页时,使指定的DIV元素始终保持在屏幕的某个固定位置,这种效果通常被称为“粘性导航”或“固定定位”。...

    基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

    在本文中,我们探讨了如何使用Vue框架实现滚动条滚动到指定位置时,页面上的数字进行tween动画特效。tween动画是一种在两个值之间创建平滑过渡效果的动画技术。Vue作为一个流行的前端框架,提供了丰富的功能来实现...

    基于css3制作wow.js网页滚动图片元素动画效果.zip

    在本项目中,我们主要探讨如何使用CSS3和Wow.js库来实现网页滚动时的图片元素动画效果。这个压缩包包含了一个"使用须知.txt"文件以及一个可能为示例代码或资源的文件"132677886035321803"。 首先,让我们了解一下...

    jquery.scrollIntoView:滚动元素进入视图时触发回调

    原生的JavaScript中有一个相似的方法叫做`element.scrollIntoView()`, 它可以将指定元素滚动到视口的顶部。然而,jQuery的`scrollIntoView`扩展则更进一步,它允许我们在元素进入视口的那一刻执行自定义的回调函数。...

    安卓动画效果相关-当上下滚动的时候子元素会呈现不同动画效果的scrollView.rar

    总的来说,这个压缩包提供的是一种创新的ScrollView使用方式,通过滚动事件触发子元素的动画效果,从而提升应用程序的视觉吸引力。深入研究和实践这些动画技巧,将有助于你开发出更具吸引力和用户体验的Android应用...

    [js]javascript事件集合(包有触发事件)终版.pdf

    - 滚动条位置改变事件(onscroll) - 停止按钮按下或下载中断事件(onstop) JavaScript事件处理程序的编写方式可以是自定义函数,也可以是内置函数,或者直接写入JavaScript代码。理解并熟练应用这些事件是创建...

    易语言指定滚动条到具体位置源码-易语言

    易语言提供事件处理程序,如“滚动条改变”事件,当用户滚动滚动条时,这个事件会被触发,我们可以在事件处理程序中编写相应的代码来执行需要的操作。 此外,为了更好地理解和学习这个源码,你需要具备一些基础的...

Global site tag (gtag.js) - Google Analytics