- jQuery下实现锚点链接的平滑滚动(带浮动侧边栏)
css+html+js
地狗购物网
1F 男装
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-b5b45b29072554f2.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2F 女装
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c6860eb3ccb91287.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3F 美妆
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-ac1bab21c95b5e97.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
4F 数码
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-3bb9aebf54bb385d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
5F 母婴
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
![](http://upload-images.jianshu.io/upload_images/6348994-c2a985adf3ff41db.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- JQuery实现简单的平滑过渡效果
- JQuery实现平滑过渡效果
改进版 好处是点击锚点链接平滑滚动到锚点,并且浏览器URL后缀不带有锚点字样