码迷,mamicode.com
首页 >  
搜索关键字:scrolltop    ( 898个结果
图片随鼠标移动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> img { position: absolute; top: 2px; } </style> </head> <body> <img src="im ...
分类:移动开发   时间:2021-06-16 17:46:14    阅读次数:0
vue全局添加input/textarea输入信息后跳转页面顶部方法
app.vue watch: { $route: { handler: function (val, oldVal) { this.$nextTick(function () { //页面加载完成后执行 var inputs = document.getElementsByTagName("inpu ...
分类:其他好文   时间:2021-06-15 18:24:49    阅读次数:0
$(window).scrollTop()与$(dom).offset().top
js代码如下: //点击导航 $("#col-md-12_1621671164153 a").click(function(event){ event.preventDefault(); $(this).addClass("activeCur").siblings().removeClass("ac ...
分类:Windows程序   时间:2021-06-02 11:08:39    阅读次数:0
使用原生js + css 实现一个文字轮播效果(一)
1、思路: 因为offsetTop、scrollTop等不属于css属性,所以这些无法用css动画或过度来实现。首先想到的是使用position + top 定位结合 transition 来实现。 2、效果: 3、原生代码: <!DOCTYPE html> <html lang="zh"> <he ...
分类:Web程序   时间:2021-05-25 18:28:37    阅读次数:0
返回顶部
function backToTop () { cancelAnimationFrame(timer); // 获取当前毫秒数 const startTime = Date.now(); // 获取当前页面的滚动高度 const scrollTop = document.body.scrollTop ...
分类:其他好文   时间:2021-04-23 12:07:09    阅读次数:0
jquery基础操作
jquery 样式类操作 //addClass 添加样式$('#div1').addClass('div2');//removeClass 删除样式$('#div1').removeClass('div2');//hasClass 判断有没有这个样式$('#div1').hasClass('div2 ...
分类:Web程序   时间:2021-04-06 14:24:27    阅读次数:0
京东Taro框架深度实践
京东Taro框架深度实践图片作者|凹凸实验室编辑|覃云前言Taro是凹凸实验室遵循React语法规范的多端开发方案,Taro目前已对外开源一段时间,受到了前端开发者的广泛欢迎和关注。截止目前star数已经突破11.2k,还在开启的Issues达200多个,已经关闭700多个,可见使用并参与讨论的开发者是非常多的。Taro目前已经支持微信小程序、H5、RN、支付宝小程序、百度小程序,持续迭代中的Ta
分类:其他好文   时间:2020-12-25 12:49:36    阅读次数:0
页面平滑滚动小技巧
背景 今天写需求的时候发现一个小的优化点:用户选择了一些数据之后, 对应列表中的数据需要高亮, 有时候列表很长, 为了提升用户体验,需要加个滚动, 自动滚动到目标位置。简单的处理了一下, 问题顺利解决, 就把这个小技巧分享一下给大家。 正文 有几种不同的方式来解决这个小问题。 1.scrollTop ...
分类:其他好文   时间:2020-12-17 12:42:37    阅读次数:2
vue的滚动scroll事件
1、监听滚动事件 利用VUE写一个在控制台打印当前的scrollTop, 首先,在mounted钩子中给window添加一个滚动滚动监听事件, mounted () { window.addEventListener('scroll', this.handleScroll) }, 然后在方法中,添加 ...
分类:其他好文   时间:2020-12-07 12:09:03    阅读次数:3
通过放大镜放大图片在右边的盒子里显示
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> /***外部引入的js文件,可以直接使用,主要是使用在下面的common.js中 * Created by Administrator on 2016/7/2 ...
分类:其他好文   时间:2020-12-07 11:56:14    阅读次数:6
898条   1 2 3 4 ... 90 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!