<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .jump-group { display: flex; ...
欢迎来到Altaba的博客 2017年11月2日
近期在优化一个交互体验，当早顶端
点击
按钮多下列表某项数据（列表很长，出现
滚动
条）进行操作，操作完
页面
自动
滚动
到刚刚操作项
位置
，运用
jQ
uery完美
实现
下面是demo源码，欢迎有需要的人参考使用
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>移动
位置
的动画</title>
<script type="text/javascript"
src="
jq
uery.js">
</script>
<style type="text/css">
body{fo
我在写项目的时候遇到一个需求：
点击
某元素时，
页面
滚动
到指定的某
页面
元素
位置
。
实现
过程非常
简单
：
//首先获取该元素在
页面
的
位置
：
var div = document.getElementById('id');
var x = div.offsetTop;
//然后使
页面
滚动
window.scrollTo(0,x);
这样的
滚动
方式是直接一下子跳转过去，显得非常生硬，于是我想到用setInte...
jq
如何
实现
这个功能呢？其实也不难，大概思路就是，在document上面绑定一个事件，当用户触发document的事件时，判断一下目标元素是什么，然后再执行相应的操作就行了。
CODE:
<script>
$(function(){
$(document).bind("click",function(e){
//id为menu的...
$(".pic").mouseover(function(){
if(!($(this).is(":animated"))){
$(this).animate({"top":"-15px",},200).animate({"top":"-0px",},200)
.animate({"top":&quo
