JQ scrollTop 无效的场景

关于小程序 scroll-view中设置scroll-top无效和小说图书阅读进度条小案例

在最近的项目有做到关于小说阅读的进度条功能,其中用到scroll-view和slider组件,发现scroll-view中的scroll-top在设置值后无效,出现这种情况大概是以下几种问题: 1.scroll-view的高度需要设置固定的值,比如全屏可以设置:height:100vh; 2.不可以同时设置scroll-into-view和scroll-top(scroll-left)属性,因为scroll-into-view的优先级别比scroll-top(scroll-left)属性高(官方…

让png在ie下正常显示用到了jquery插件DD_belatedPNG 但是在ie6中这句话前面添加有效后面移除无效 IE6 jq removeClass无效

jQuery(this).addClass("background").siblings().removeClass("background") 导致IE6移除的css无效: 通过css渲染效果解决:{ background:url(/images/about_us.png) no-repeat left top;_background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(e…

关于使用JQ scrollTop方法进行滚动定位

没图我说个锤子,先来个自拍镇楼. 又到了每周周五总结时间.我广州刘德华又来讲故事了.这一周没啥任务,就一个任务,产品口头交代了两句,也没有psd没有设计图没有样式.自由发挥,你自己敲代码做个作品出来. what?听到这个的时候我是一脸懵逼.我心里很慌,难道我资深射鸡湿和灵魂画家的身份暴露了?心里不禁感叹,唉,是金子哪里都会发光. 扯太远了,先来总结一下今天要写的东西吧.jquery的scrollTop方法,这是啥子,那就先来一波自我介绍 1.scrollTop() 方法返回或设置匹配元素的滚动条…

document.body.scrollTop无效的解决方法

1.document.body.scrollTop = 0 有时候不生效,两种解决方案,试试看. 1-1.设置:document.documentElement.scrollTop = 0;1-2.设置:window.scrollTo(0, 0);…

各种位置和高度计算:.position()、.offset()、.outerHeight()、.scrollTop、.scrollHeight、.clientHeight

1..position()和.offset() jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移,返回.position().left和.position().top,不算上自己的margin-left: jquery的.offset()获取相对于视口左上角的偏移,返回.offset().left和.offset().top, 算上自己的margin-left,,还可以设置.offset({left:,top:});这个很有用…

Js位置与大小（1）——正确理解和运用与尺寸大小相关的DOM属性

在web开发中,不可避免遇到要计算元素大小以及位置的问题,解决这类问题的方法是利用DOM提供的一些API结合兼容性处理来,所有内容大概分3篇左右的文章的来说明.本文作为第一篇,介绍DOM提供的与尺寸大小相关的DOM属性,提供一些兼容性处理的方法,并结合常见的场景说明如何正确运用这些属性. 1. 正确理解offsetWidth.clientWidth.scrollWidth及相应的height属性假设某一个元素的横纵向滚动条都拖动到最末端,则offsetWidth.clientWidth.scr…

微信小程序爬坑日记

新公司上手小程序.30天,从入门到现在,还没放弃... 虽然小程序发布出来快一年了,爬坑的兄弟们大多把坑都踩平了.而我一直停留在"Hello World"的学习阶段.一来没项目,只有项目才是实践学习的根本:二来刚出来,总是有很多坑.爬坑总是痛并快乐着. 再多的借口,产品项目需求拍在桌前,都得缴械投降.不要怂撸起袖子,就是干. 初识小程序微信推出小程序,想要实现即开即用,用完即走的用户体验.免去APP下载安装繁琐的流程.听起来像谷歌推出的PWA,不过PWA普及到国内还有段时间.而小程序…

js菜鸟进阶-jQuery源码分析(1)-基本架构

导读: 本人JS菜鸟一枚,为加强代码美观和编程思想.所以来研究下jQuery,有需要进阶JS的同学很适合阅读此文!我是边看代码(jquery2.2.1),边翻“javascript高级程序设计”写的,有很多基本知识点我都写了书本对应的章节.有分析得不好的还请各位多多指教,更正! 希望我的分析对大家有所帮助,谢谢! 一.代码构成 (function(global, factory){ if ( typeof module === "object" && typeof mo…

12月中旬项目中出现的几个bug解决方法的思考

这周做的项目遇到2个费了很多时间才解决的bug,解决之后,发现根本问题并不是什么很难的技术难点,都是因为自己在写代码的过程中,思维不够清晰.还有一个需要再提高的地方就是解决问题的思维,如何快速定位到问题. 第一个bug很严重:本地前后端联调没有问题,而且调的是和测试环境一样的接口,但是测试环境就是报length为undefined 和同事从晚上8点多一起找问题到晚上12点都没有解决好这个问题.问题出现前我做了一波这样的操作,改了一次代码然后提交到测试环境(自己本地没测试到位就提交了,就是最大的问…

zclip笔记：解决zclip失效问题

在一个子页面里想实现一键复制到剪贴版的功能,使用zclip插件,用jquery的方式实现时出现了诡异问题.复制功能平时正常,当页面中所列的内容过多时,一键复制的功能失效. 这个问题相当不好定位,先说结论:zclip工作的机制是将一个透明的flash ZeroClipboard.swf 覆盖到要点击的元素<a>之上,点击动作作用于flash.该flash的position设置为absolute,当子页面内容过长时,拉动滚动条,flash并不会随要点击的元素移动,因此点击该元素不会有任何效果. 解…

Html、Css、JavaScript 遇到的问题总结

$('body').scrollTop()无效得解决方案鼠标滑轮获取到得值为0:var scrollTop = $('body').scrollTop(); 在页面中加一个随着页面滚动条滚动的小图片广告,但是却发现document.body.scrollTop这个属性在本地的时候能取到值,但是传到服务器上的时候取到的值一直不变. 解决方案1. 原来在HTML文件头部声明了这样一句:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitio…

WPF 使用Trigger遇到的问题

1. 在style中使用trigger无效的场景原因是直接在对象上设置值将导致style中的值无效,去掉TextBlock对象的Foreground后,Trigger将正常工作 <TextBlock Text="AAA" Foreground="Black" > <TextBlock.Style> <Style TargetType="TextBlock"> <Setter Property="…

SFINAE and enable_if

There's an interesting issue one has to consider when mixing function overloading with templates in C++. The problem with templates is that they are usually overly inclusive, and when mixed with overloading, the result may be surprising: 因为模板的包容性太强,因…

【Android初级】利用startActivityForResult返回数据到前一个Activity（附源码+解析）

在Android里面,从一个Activity跳转到另一个Activity.再返回,前一个Activity默认是能够保存数据和状态的.但这次我想通过利用startActivityForResult达到相同的目的,虽然看起来变复杂了,但可以探索下startActivityForResult背后的原理和使用注意事项. 要实现的功能如下: 从Activity A将数据传到Activity B,再从Activity B中获取数据后,再传回Activity A.在Activity B中添加一个"回到上一页&…

Sentry 开发者贡献指南 - 测试技巧

作为 CI 流程的一部分,我们在 Sentry 运行了多种测试. 本节旨在记录一些 sentry 特定的帮助程序, 并提供有关在构建新功能时应考虑包括哪些类型的测试的指南. 获取设置验收和 python 测试需要一组有效的 devservices. 建议使用 devservices 来确保所需要的服务正在运行. 如果您还使用本地环境进行本地测试,您将需要使用 --project 标志将本地测试卷与测试套件卷分开: # 关闭本地测试服务. sentry devservices down # 打开…

JQ实现右下角scrollTop()事件

废话不多说,先贴代码 <script> $(document).ready(function(){ $("#id").hide(); $(function(){ // 这个是JQ的工场模式,等同于 $(document).ready(function(){}) 并将DOM对象转化为JQ 对象 $(window).scroll(function(){ //获取 window 窗口对象,当触发scroll事件的时候做什么 if ($(window).scrollTop()>…

scroll()，scrollTop()，scrollBy()无效问题的总结

· 使用的浏览器:Chrome(67.0.3396.87)/火狐(60.0.2)/IE(ie7和ie8),均为PC端. · 代码如下表现结果: Chrome:只有第一次打开标签页面是有效的(在当前标签页不断刷新是无效的): 火狐:有效:另外,scrollBy()方法在火狐中不断刷新的同时,会不断叠加滚动值. IE:全部有效. · 有效方式通过在定时器内定义滚动方法或者在点击事件中(ie中document.onclick是无效的)定义滚动方法都是有效的. 表现结果: 全部浏览器都可以正常滚动.…

$("body").animate({"scrollTop":top})无效的问题

问题我在个人站点的左下角和右下角各自使用了如下代码来将页面滚动到顶部和底部: $("body").animate({scrollTop:0},800); $("body").animate({scrollTop:$(document).height()},800); 最近才忽然发现在Chrome浏览器下,上面的代码没有问题,而在Firefox下却是无效的.百度后才知道,原来这是因为这两个浏览器自身的问题导致的. 对于Chrome而言,支持的是这种写法: $(&qu…

JQ动态生成节点绑定事件无效问题

最近做项目的时候遇见了一个问题,通过jq将动态节点绑定到dom节点上,并且为动态节点绑定方法,此方法再次为动态节点添加动态节点,但在刷新之后,动态节点上的方法失效了,过程为:创建动态节点->动态节点绑定方法->添加动态节点->刷新后点击动态节点方法失效. <!DOCTYPE html><html> <head></head> <body> <div id="liData"> </div>…

jq focus 在火狐（Firefox）下无效

今天写代码的时候发现,在blur事件里面写focus获取焦点无效, $input.blur(function(){ ……………… $input.focus(): } 而且只是在火狐下面无效而已,很明显这又是一个赤裸裸的兼容性问题咯. 解决办法,使用setTimeout()函数即可: $input.blur(function(){ ……………… setTimeout(function(){$input.focus()},0): }…

js，jq新增元素，on绑定事件无效

在jquery1.7之后,建议使用on来绑定事件. $('.upload a').on('click',function(){ $(this).remove(); }) 在DOM渲染的时候,也就是html页面本来在.upload元素下面有a的情况下,a的点击事件是有效的,即a的确能被移除. 但是用js加到DOM中的html,这样子写的绑定事件是无效的, 必须改成: $('.upload').on('click','a',function(){ $(this).remove()//js动态添加的元…

jq attr()改变checkbox的checked无效！！！！

今天做项目发现用attr()改变checked,实现全选功能的时候发现,第一次点击有效,之后点击全选功能便实效. 一开始以为是自己写错了,在各种碰壁之后,才猛然发现,原来这是jq的一个小bug. 在jquery 1.6之后的版本中,改变元素的boolean类型属性用prop才能生效,而其他类型属性则继续沿用attr(); $('input').attr('checked',true);应该写为:$('input').prop('checked',true); ps:(第一次写技术博客,就简单点吧…

jq中 offset()方法， scrollTop()方法以及scrollLeft()方法

offset()方法是用来获取元素在当前视窗的相对偏移,其中返回的对象包含两个属性,即top和left,它只对可见元素有效. scrollTop()方法是用来获取元素的滚动条距离顶端的距离. scrollLeft()方法是用来获取元素的滚动条距离左侧的距离.…

jq动态添加的元素触发绑定事件无效

<div class='a'> <div class='b'> </div> 其中$('.a')是html页面的元素,$('.b')是jq动态添加的元素.$(".b").click(function(){})方法失效原来jq中动态添加的元素不能直接使用$(".b").click(function(){});的方法,要使用$(".a").on('click','.b',function(){}); $(&quo…

jq的on click 事件在苹果下无效

据说苹果对于点击的对象,拥有cursor:pointer这个样式的设置才算参考地址:https://blog.csdn.net/yuexiage1/article/details/51612496…

jq动态增加的button标签click回调失效的问题，即动态增加的button标签绑定事件$("button.class").click(function)无效

对于新增加的页面元素,改变了页面结构,如果是使用老办法$("button.class").click(function)去监听新的button标签事件,会失效. 笔者的应用是文字的显示和隐藏之间的切换,给出我的代码: 解决办法: $(document).on("click",".showPwd",function () { // alert("show now:" + ); $(this).parent().html( $(t…

IE8 jq focus BUG

jq的 .focus() 在IE8下面会有一些意想不到的BUG,下面是解决办法: 一.我做的项目中有些场景需要用到键盘的回车作为触发事件,然后把focus移到其他功能或者按钮上面,刚刚好这个按钮或者功能也有绑定回车事件,那么结果就是从上一个地方按下回车键,焦点马上移动到下一个按钮或功能上,直接就触发了这个按钮的回车事件:可以理解为无缝切换,没有间隔,一下回车变焦点并触发了下一个焦点按钮上的回车事件,但是这并不是我想要的结果,所以我们可以在上一个回车事件做一个延时,让他们不能无缝连接起来触发:下面…

JS/jQ常用宽高及应用

关于js的宽高,随便一搜就是一大堆.这个一大堆对我来说可不是什么好事,看的头都大了.所以今天就总结了一些比较会常用的,并说明一下应用场景. 先来扯一下documentElement和body的微妙关系: documentElement===html ----->> documentElement.childNode[2]===body [很明显,父子关系呗] 如果<! doctype html>中没声明html,则拿不到documentElement这个值,但此时body…

自写JS分页工具【基于JQ】

好久没有来逛园子,也好久没有更新博客,就像沉睡已久的人忽然被叫醒,忽然就被园友的回复惊醒了.园友提出了关于我之前一篇文章的疑问--可那已经是半年以前的博客了,加上我一直觉得分享给大家的应该是我最新的思路,于是促使我写下此文,希望对遇到同样问题的小伙伴们有帮助. 进入正题. 看过上一篇文章的童鞋们应该都清楚,之前的做法是通过输入不同的标签来生成dom,最终展示数据供用户查看的,可在后面的工作中,我越来越多的感到这种方式在某些需求场景中的力不从心(尤其在你尝试用不同方式展示数据时),所以改变了思路,…

【JQ scrollTop 无效的场景】的更多相关文章