首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS 中 scrollWidth、scrollHeight、scrollLeft 、scrollTop 详解

总述 在JS 中scrollWidth、scrollHeight、scrollLeft 、scrollTop 属性在做一些复杂的交互效果中是非常常用的,因此在本博文中详细的介绍并给出实例。...3. scrollLeft 和scrollTop 3.1 概念 element.scrollLeft :返回元素左边缘与视图之间的距离,这里的视图指的是元素的内容(包括子元素以及内容)。...element.scrollTop :返回元素上边缘与视图之间的距离。 我们在页面中经常会用到如图所示的带滚动条的框,我们的QQ消息,微信消息也是这样的呀!...当我将水平,垂直滚动条都拉到底部时,scrollLeft 和 scrollTop 都 分别为116.8 和156.8 ,我设置的元素宽高分别为:200 180 ,视图(子元素)宽高分别为:300 320...> parent_div.onscroll = function(){ console.log(parent_div.scrollLeft) console.log(parent_div.scrollTop

2.9K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS监听中文输入

    在做第六个项目(根据输入框实时调用AJAX古诗匹配)时,当我们输入中文拼音,还在拼音字符状态未选择成中文时,一直在执行我编写的事件监听处理函数(当输入框里的值有变化时执行此函数, 调用AJAX在页面显示数据里包含这些字的古诗...而我想要的是在我们输入拼音未完成中文选择时,不让其执行我们的监听处理函数, 只有选择完中文后才去执行调用AJAX判断有没有包含输入的这些字的古诗。...="this_input" placeholder="中文输入未完成时不执行事件" /> <script src="http://code.jquery.com/jquery-1.8.3.min.<em>js</em>...false); console.log('完成中文输入'); }); 当我们开始进行input的输入改变了input框里的值时,<em>js</em>...会<em>监听</em>到input propertychange事件, 执行判断(一开始时$(this).prop('cnStart')的值我们没有定义,为undefined, 在<em>监听</em>了compositionstart

    9.5K20

    document.body.scrollTop与document.documentElement.scrollTop兼容

    项目中遇到这个小问题,看到有前辈总结,借来用一下 document.body.scrollTop与document.documentElement.scrollTop兼容   这两天在写一个JS的网页右键菜单...由于在不同情况下,document.body.scrollTop与document.documentElement.scrollTop都有可能取不到值,那到底网页的scrollTop值怎么得到呢?...因为document.body.scrollTop与document.documentElement.scrollTop两者有个特点,就是同时只会有一个值生效。...比如document.body.scrollTop能取到值的时候,document.documentElement.scrollTop就会始终为0;反之亦然。...所以,如果要得到网页的真正的scrollTop值,可以这样: varsTop=document.body.scrollTop+document.documentElement.scrollTop;

    1.3K20

    JS监听事件型爬虫

    最近开始研究网页参数的JS加密,但是大型网站的JS文件过于繁杂,不适合新手上路,于是乎找了几个简单的网页来学习学习。 首先要和大家聊的是监听事件型爬虫(推荐FireFox浏览器)。...简单介绍一下JS事件监听: JavaScript之事件概念和监听事件 1、事件的概念: JavaScript使我们有能力创建动态页面,网页中的每一个元素都可以产生某些触发JavaScript函数的事件。...4、通用性的事件监听方法: (1)绑定HTML元素属性: (2)绑定DOM对象属性...用火狐浏览器打开,元素定位到“现在访问”,可以看到下图:网页链接没有出现在源代码中,相反在标签末尾有一个event;这代表当点击“现在访问”这个事件发生时,会被监听并做出相应的反应。 ?...找到了所有需要的js代码,然后用python还原???不用自己找虐,python提供一个execjs的库,可以直接调用js文件。一共15行代码就可以获得所需的网址啦。

    6.5K20
    领券