hashnav
如需为每个slide增加散列导航（有点像锚链接）。将hashnav设置为true，并在每个slide处增加data-hash属性。
这样当你的swiper切换时你的页面url就会加上这个属性的值了，你也可以通过进入页面时修改页面url让swiper在初始化时切换到指定的slide。
你可以直接跳转到指定的slide。比如这样：直接跳到第三个slide。
如果需要浏览器的前进后退按钮配合控制，需要加上hashnavWatchState
这样当你的swiper切换时你的页面url就会加上这个属性的值了，你也可以通过进入页面时修改页面url让swiper在初始化时切换到指定的slide。
你可以直接跳转到指定的slide。比如这样：直接跳到第三个slide。
如果需要浏览器的前进后退按钮配合控制，需要加上hashnavWatchState
hashnav参数
- 类型：
- boolean
- 默认：
- false
- 举例：
- true
- 启用版本：
- 3.0.0
效果演示
使用方法示例
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" data-hash="slide1">
slider1</div>
<div class="swiper-slide" data-hash="slide2">
slider2</div>
<div class="swiper-slide" data-hash="slide3">
slider3</div>
</div>
</div>
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
hashnav:true,
})
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://3.swiper.com.cn]
本文地址：https://3.swiper.com.cn/api/basic/2015/0308/211.html