`
sbiigu
  • 浏览: 163417 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

滚动窗口js

 
阅读更多
<script type="text/javascript">

var tips;
var theTop = 5/*这是默认高度,越大越往下*/; 
var old = theTop;
var pos;
function initFloatTips() {
  tips = document.getElementById('floatTips');

  moveTips();
};
function moveTips() {
  var tt=5000;
  //alert("dE = " + document.documentElement.scrollTop);
  //alert('bE = ' +  document.body.scrollTop);
   if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
	
  }
  else if (document.body) {
    pos = document.body.scrollTop;
  }else  if (window.innerHeight) {
    pos = window.pageYOffset
  }
  pos=pos-getTop(tips)+theTop;
  pos=getTop(tips)+pos/10;
  if (pos < theTop) pos = theTop;
  if (pos != old) {
    tips.style.top = pos+"px";
    //tt=0;
  }
  old = pos;
  setTimeout(moveTips,tt);
}
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}


</script>
分享到:
评论

相关推荐

    jquery jscrollpane.js滚动窗口微信聊天对话框

    《使用jQuery jscrollpane.js实现滚动窗口微信聊天对话框》 在网页开发中,创建一个类似于微信聊天对话框的交互式界面是一项常见的需求。为了实现这样的功能,开发者常常会利用JavaScript库,比如jQuery,以及相关...

    JS固定窗口位置滚动效果.rar

    【标题】"JS固定窗口位置滚动效果.rar"所涉及的知识点主要集中在JavaScript(JS)的网页特效开发上,特别是如何实现一个元素在页面滚动时始终保持在屏幕的固定位置,这种效果通常被称为“固定定位”或者“吸附效果”...

    js表格无缝滚动效果

    为了提供更好的用户体验,可以采用JavaScript(js)来实现表格的无缝滚动效果,让表格像一个无边界的容器一样平滑滚动。这种效果在大数据量的展示或者长表格中尤其有用,它能让用户更容易地浏览和查找信息。 首先,...

    jquery jscrollpane.js滚动窗口仿微信聊天对话窗口样式(支持手机触屏拖动窗口).rar

    在本项目中,我们将探讨如何使用jscrollpane.js来创建一个仿微信聊天对话窗口的滚动窗口,并实现手机触屏的拖动功能。 首先,我们需要在HTML文件(如demo.html)中引入jQuery库和jscrollpane.js插件。通常,我们...

    js左侧悬浮窗口,随滚动条滚动

    在这个特定的场景中,"js左侧悬浮窗口,随滚动条滚动" 是一个常见的网页设计功能,它指的是在网页浏览时,一个窗口或侧边栏会固定在屏幕的左侧,并随着用户滚动页面而上下移动,保持始终可见。 实现这样的效果,...

    【JavaScript源代码】javascript实现简单滚动窗口.docx

    在本文中,我们将探讨如何使用JavaScript实现一个简单的滚动窗口功能。 首先,`window.open()` 方法是JavaScript中用于打开新窗口或者找到已经命名的窗口的函数。你可以指定新窗口的URL、窗口名称和特征(例如宽度...

    VB6.0实现代码窗口滚动

    要实现代码窗口的滚动功能,我们需要理解VB6.0的内部工作机制,以及如何与控件进行交互。以下是关于“VB6.0实现代码窗口滚动”的详细知识点: 1. **代码编辑器组件**:VB6.0的代码编辑器是IDE(集成开发环境)的一...

    js 固定位置的层 不随滚动条滚动

    在网页设计中,"js 固定位置的层 不随滚动条滚动" 是一个常见的需求,主要用于实现诸如固定顶部导航、侧边栏或者底部客服窗口等元素。这些元素在用户滚动页面时始终保持在屏幕的特定位置,提升用户体验,让用户可以...

    ScrollWnd_滚动窗口.zip

    在“ScrollWnd_滚动窗口.zip”这个压缩包中,我们可以预见到一个关于如何在窗口上实现滚动功能并展示大量数据的案例。下面将详细解释滚动条的工作原理、相关编程技术和应用实例。 首先,滚动条分为水平滚动条和垂直...

    JS右下角弹出可滚动的新闻列表浮动窗口

    在网页设计中,"JS右下角弹出...综上所述,"JS右下角弹出可滚动的新闻列表浮动窗口"是一个集JavaScript编程、CSS样式和用户体验设计于一体的网页开发技术。理解和掌握这个知识点,有助于提升网页交互性和信息传递效率。

    js自定义窗口滚动条特效

    在本主题“js自定义窗口滚动条特效”中,我们将深入探讨如何利用JS来定制浏览器的默认滚动条,以实现更美观、更具个性化的用户体验。 首先,我们要理解浏览器的滚动条是系统提供的默认控件,其样式和行为在不同的...

    懒加载,滚动窗口加载,延迟加载js,jquery脚本demo

    描述中的“滚动窗口加载”就是指的这个过程,当用户滚动到一定位置,相关的程序(如脚本或图片)才开始执行或加载。这种方式降低了对用户设备资源的需求,尤其是在移动设备上,能有效节省流量和电池寿命。 标签中的...

    逐行向上滚动js代码,鼠标移上停止滚动,不满一屏的时候不滚动

    标题提到的"逐行向上滚动js代码,鼠标移上停止滚动,不满一屏的时候不滚动"是一种常见的文本滚动效果,常用于新闻更新、公告显示等场景。这个效果的核心是通过JavaScript实现,结合CSS样式和DOM操作,来控制文字或...

    利用JS+CSS实现滚动表格数据展示

    "利用JS+CSS实现滚动表格数据展示"是一个常见的需求,它可以帮助用户逐行浏览大量的信息,而无需手动调整窗口大小。下面将详细介绍如何通过JavaScript(JS)和层叠样式表(CSS)来实现这一功能。 首先,我们需要...

    用JS实现网页浮动窗口随窗口滚动(类似于客服窗口)

    ### 使用JavaScript实现网页浮动窗口随窗口滚动功能 在现代网页设计中,为了提供更好的用户体验,很多网站都会使用浮动窗口作为在线客服系统、广告推送或帮助菜单等。这种类型的浮动窗口通常固定在屏幕的一角,并...

    JS不间断向上滚动

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页交互和动态效果的实现。在网页设计中,"不间断向上滚动"是一种常见的特效,它使得页面内容以连续、循环的方式从底部向上滚动,给予用户一种新颖的浏览体验。...

    不随滚动条滚动的模式窗口

    在网页设计和开发中,"不随滚动条滚动的模式窗口"是一种常见的用户体验设计技术,它允许用户在当前页面上打开一个全屏或半屏的弹出窗口,而这个窗口不会随着页面的滚动条移动。这种效果常用于图片预览、表单填写、...

    向上滚动JS代码

    向上滚动JS代码,也称为页面滚动脚本,是JavaScript中的一种常见技术,主要用于实现网页内容的动态滚动效果。这种技术可以提升用户体验,特别是在长页面设计中,用户无需手动滚动即可查看页面下方的内容。在现代网页...

    13725102796#Blog#JS-滚动窗口视图算法1

    title: JS 滚动窗口视图算法滑动窗口算法滑动窗口算法在一个特定大小的字符串或数组上进行操作,而不在整个字符串和数组上操作,这样就降低了问题的复杂度,从而

    简单JS随滚动条滚动导航

    【标题】"简单JS随滚动条滚动导航"所涉及的知识点主要集中在JavaScript的事件监听、DOM操作以及CSS样式实现上。这种类型的导航栏通常用于网页设计中,它能随着用户滚动页面而改变位置,始终保持在可见区域,为用户...

Global site tag (gtag.js) - Google Analytics