微信小程序 scroll-view滚动到指定位置、 实现swiper slideTo 翻到指定页面，点击元素翻到指定页面效果 楼盘 沙盘效果

实现swiper slideTo 翻到指定页面，点击元素，翻到指定页面效果 楼盘 沙盘效果

scroll-view滚动到指定位置

<scroll-view class="content" scroll-y="{
   {true}}" scroll-x="{
   {true}}" 
			scroll-top="{
   {contenttop}}" scroll-left="{
   {contentleft}}"> 
      <image mode="widthFix" class="shapanimg" src="{
   {shapanimg}}" alt="" />
</scroll-view>

实现的效果是仿照房天下楼盘沙盘做的，可以看下房天下楼盘沙盘地址：https://m.fang.com/xf.d?m=xfLoudongInfo&newcode=1319200085&dongId=294415&city=lf

效果图：

代码：

<!--pages/shapan/shapan.wxml-->
<view class="shapan">
  <view class="stage" style="height:{
      {
      stageH}}px">
    <scroll-view class="content" scroll-y="{
    {true}}" scroll-x="{
    {true}}" scroll-top="{
    {contenttop}}" scroll-left="{
    {contentleft}}"> 
      <image mode="widthFix" class="shapanimg" src="{
    {shapanimg}}" alt="" />
      <view class="lppage">
        <view
          class="swbullet {
    {currentidx == index ? 'on' : ''}}"
          wx:for="{
    {pointdata}}"
          wx:key="{
    {item.id}}"
          style="top:{
      {
       item.y }}px ; left: {
      {
      item.x}}px"
          data-index="{
    {index}}"
          bindtap="swbullettap"
          >
          {
  { item.name }}
        </view>