jq解决a连接锚点平滑过渡
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="src/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
.trans{
transition-duration: 5s;
-webkit-transition-duration: 5s;
}
</style>
</head>
<body>
<div>
<div><a id="start-a" href="#">找到他</a></div>
<a href="#cc">找到cc</a>
<p>钱江晚报记者了解到,孙先生一家入驻的民宿算是余杭网红民宿,共有20多幢房子,单晚的房价从1000元起步到1万元不等。孙先生一家包了其中一幢别墅。因为民宿是建在山顶的,所以给人感觉私密性比较好,加上附近有径山、山沟沟、双溪漂流等景点,孙先生一家原本是想度个逍遥自在的假期,但是入驻第一天美梦就破碎了。
别墅一楼进门是餐厅,后面还有客厅和厨房,不过一楼都是落地透明玻璃,外面的人看里面还是很清楚。孙先生入住时发现,餐厅里还挂着某某餐厅的牌子,但当时并没有太在意。
入住别墅的第一天,第一波客人推开院门,因为楼下大门是可以从外面打开的,他们就很自然地开门坐到餐桌上等吃早饭,接着又来了一波客人。还在睡梦中的孙先生一家听到楼下越来越嘈杂,下来一看就蒙圈了。
原来,别墅一楼餐厅本来是给酒店客人用早餐的,因为房子被孙先生一家整栋订走了,民宿工作人员没及时撤走餐厅招牌,住店的其他客人就误以为这里是吃自助餐的地方了。
跟民宿反映情况后,工作人员把等在别墅一楼准备吃早饭的客人请走了。没想到,请走这一波,后面又来了第二波、第三波,不是附近的村民就是上山游玩的游客,大家觉得这房子挺好看的,就推门进来溜达,还到处拍照。一家人发觉情况不对劲,赶紧跟民宿投诉。
第二天,民宿特地派人在孙先生入驻的别墅门口蹲点赶人,虽然没人进到屋子里,但一家人愉快的度假心情显然已被严重干扰。到了第三天,又重蹈覆辙,上演了第一天一波波游客进门随便参观拍照的戏码。三天花了近2万元住宿费,孙先生一家却度过了无比尴尬的假期。当时,孙先生就向民宿方提出索赔,但对方没有答应。
住店的第二天,孙先生就向余杭区市场监督管理局进行投诉,称他在入住别墅期间时常有游客进入别墅,认为这种情况影响到了自己家人的入住体验,要求民宿方赔偿。
到第三天结账离店的时候,双方就赔偿一事协商的结果是,酒店退给孙先生2000元房费作为赔偿。
钱江晚报记者从余杭区市场监管局调解人员处了解到,孙先生一家住的别墅二楼一共有4个客房,平时是单间销售的,因此一楼大门没有门禁,外面的人可以打开门进到别墅里。因为民宿地处大麓寺旁,这里民宿、农家乐比较集中,春节期间返乡的村民和观光的游客都比较多,别墅一楼及花园在无人入住别墅时是作为餐厅使用的。在孙先生入住期间,由于民宿方未将餐厅字样撤除、花园门关闭等原因,确实造成了游客进入别墅的情况。
回到上海后,孙先生似乎对当时和民宿方达成的赔偿不太满意,希望对方能退赔6500元一整晚的房费。通过工作人员的多次调解,民宿方还是坚持赔偿孙先生2000元。</p>
<div>
<div>
<a id="aa" href="#">我要回去</a>
</div>
<script type="text/javascript">
$("#start-a").click(function(){
$(this).attr("href","#aa");
$('html, body').animate({scrollTop: $('#aa').offset().top}, 1000)//重要的是这句根据需求替换Id
})
</script>
</body>
</html>
jq解决a连接锚点平滑过渡的更多相关文章
- 平滑过渡的战争迷雾(一) 原理:Warcraft3地形拼接算法
本系列文章由七十一雾央编写,转载请注明出处. http://blog.csdn.net/u011371356/article/details/9611887 作者:七十一雾央 新浪微博:http:/ ...
- Android实现真正的ViewPager【平滑过渡】+【循环滚动】!!!顺带还有【末页跳转】。
实现真正的ViewPager[平滑过渡]+[循环滚动]!!!顺带还有[末页跳转]. 首先呢, 我要对网上常见的3种ViewPager的循环滚动方法做个概述.急需看真正实现方法的同志请选择性忽略下面这一 ...
- 《C++游戏开发》笔记十三 平滑过渡的战争迷雾(一) 原理:Warcraft3地形拼接算法
本系列文章由七十一雾央编写,转载请注明出处. http://blog.csdn.net/u011371356/article/details/9611887 作者:七十一雾央 新浪微博:http:/ ...
- JQuery实现锚点平滑滚动
一般使用锚点来跳转到页面指定位置的时候,会生硬地立即跳转到指定位置,但是有些时候我们想要平滑地过渡到指定的位置,那么可以使用JQuery简单的实现这个效果: 比如,这里我们将通过点击<a> ...
- 【转】Android循环滚动广告条的完美实现,封装方便,平滑过渡,从网络加载图片,点击广告进入对应网址
Android循环滚动广告条的完美实现,封装方便,平滑过渡,从网络加载图片,点击广告进入对应网址 关注finddreams,一起分享,一起进步: http://blog.csdn.net/finddr ...
- 解决Mysql连接池被关闭 ,hibernate尝试连接不能连接的问题。 (默认mysql连接池可以访问的时间为8小时,如果超过8小时没有连接,mysql会自动关闭连接池。系统发布第二天访问链接关闭问题。
解决Mysql连接池被关闭 ,hibernate尝试连接不能连接的问题. (默认MySQL连接池可以访问的时间为8小时,如果超过8小时没有连接,mysql会自动关闭连接池. 所以系统发布第二天访问会 ...
- jQuery实现页面内锚点平滑跳转
平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以 ...
- Niagara解决设备连接应用的软件框架平台技术。
Niagara 是Tridium公司所研发的设计用于解决设备连接应用的软件框架平台技术. Niagara是一种应用框架,或者说是软件框架,特别设计用于应对智能设备所带来的各种挑战,包括设备连接到企业级 ...
- 使用SQL Server Driver for PHP解决PHP连接MSSQL乱码的问题
原文 使用SQL Server Driver for PHP解决PHP连接MSSQL乱码的问题 最近帮客户写了一个.net商城网站的发布接口,大家都知道.net一般都使用MSSQL数据库,但鱼丸不会. ...
随机推荐
- Discuz3.2与Java 项目整合单点登陆
JAVA WEB项目与Discuz 论坛整合的详细步骤完全版目前未有看到,最近遇到有人在问,想到这个整个不是一时半会也解释不清楚.便把整个整合过程以及后续碰到的问题解决方案写下,以供参考. 原理 Di ...
- 记 Swagger 2
Maven坐标: <dependency> <groupId>io.springfox</groupId> <artifactId>springfox- ...
- LineRenderer实现一个画线组件
using System; using UnityEngine; class UILine { GameObject targetObj; LineRenderer lineRenderer; //L ...
- JS-NaN的数据类型
NaN 的数据类型:not a number .是数字类型但是不是数字 例: var x = Number('abcd'); //结果是NaN alert( typeof (x) ); //结果是nu ...
- Java8:Lambda表达式增强版Comparator和排序
1.概述 在这篇教程里,我们将要去了解下即将到来的JDK 8(译注,现在JDK 8已经发布了)中的Lambda表达式——特别是怎样使用它来编写Comparator和对集合(Collection)进行排 ...
- Amazon 刷单的几种方式及安全性?
刷单需要注意的几个点 1.通过关键词,找产品.不要直接通过连接或者ASIN购买,容易被亚马逊监控. 2.添加购物车时最好添加同类产品表现好的三个到购物车,关联同类产品.在页面多浏览一下,多打开几个同类 ...
- .NET开发工程师职业规划
本人结合自己的实际状况和未来的职业规划,所做学习计划如下: 初级开发工程师(1年) 熟悉C#语言:熟悉MVC原理:熟悉 SQL Server Oracle MySql其中一种数据库,能独立编写增.删. ...
- 百度AI开放平台 情感倾向分析实例以及gbk编码解决
f=open('test.txt','a+',encoding='utf-8') for index,row in cxzg.iterrows(): text=str(row['text']) tex ...
- VueJs 自定义过滤器使用总结
过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数.Vue有很多很便利的过滤器,可以参考官方文档, http://cn.vuejs.org/api/#过滤器 ,过滤器通常会使 ...
- 《网络是怎样连接的》PDF电子版书籍分享
资料下载地址: 链接:https://pan.baidu.com/s/15tN9klTEsu-mQLayxI979g 提取码:ptu1 封面如下所示: