Php 将平滑滚动与数据过滤器结合使用

我已经建立了一个响应图像地图，它使用数据过滤器根据点击的位置过滤体验。但是，由于图像很大（如所需），因此在单击某个区域时，页面看起来好像不工作。为了解决这个问题，我想添加一个平滑滚动选项，它可以向下滚动到页面中发生更改的部分

有没有一种方法可以让我使用“平滑滚动”向下滚动到体验并将其过滤掉

var MileniaIsotopeWrapper=（函数（$）{
"严格使用",；
/**
*模块的基本配置。
*@var{Object}
*/
变量_配置={
itemSelector:“.grid项”，
位置：正确，
过渡期：500，
originLeft:getComputedStyle（document.body）.direction！=“rtl”，
砌体：{
columnWidth:“.thg网格大小”
},
activeFilterClass:“thg active”
};
/**
*初始化新的SototeWrapper实例。
*@param{jQuery}集合
*@param{Object}config
*@return{jQuery}
*/
var=函数（集合，配置）{
collection=collection&&collection.length？集合：$（）；
如果（！collection.length）返回集合；
config=config&$.isPlainObject（config）？config:{}；
返回集合。每个（函数（）{
var$container=$（此），
containerConfig=$.extend（true，{}，_-config，config，$container.data（））；
if（$container.data（'同位素布局'）=='grid'）{
删除containerConfig['Mashise']；
containerConfig.layoutMode='fitRows'；
}
if（！$container.data（'isotoeWrapper'））{
$container.data（'同位素包装器'，新同位素包装器（$container，containerConfig））；
}
});
};
/**
*同位素包装器。
*@param{jQuery}容器
*@param{Object}config
*@constructor
*/
函数包装器（容器，配置）{
/**
*包含指向当前容器的链接。
*@type{jQuery}
*@公众
*/
this.container=容器；
/**
*包含配置对象。
*@type{Object}
*@公众
*/
this.config=config；
this.init（）；
};
/**
*当前同位素容器的初始化。
*@return{undefined}
*/
SototeWrapper.prototype.init=函数（）{
/**
*包含指向当前对象的链接。
*@私人
*/
var _self=这个；
this.container.同位素（this.config）；
this.container.jQueryImagesLoaded（）.progress（函数（））{
_自容器同位素（‘布局’）；
_self.container.trigger（'milenia.isotoeready'）；
} );
if（this.container.data（'同位素过滤器'））this.initFilter（）；
};
/**
*重新初始化容器布局。
*@公众
*@return{undefined}
*/
SototeWrapper.prototype.relayout=函数（）{
这个.container.同位素（'layout'）；
};
/**
*同位素容器过滤器的初始化。
*@公众
*/
SototeWrapper.prototype.initFilter=函数（）{
如果（this.filter）返回；
var _self=这个；
if（this.container.data（'同位素过滤器'））{
this.filter=$（this.container.data（'同位素过滤器'）；
如果（！this.filter.length）{
this.filter=null；
返回；
}
this.filter.on（'click.isotoeWrapper'，'[data filter]'，函数（e）{
var$this=$（this）；
如果（！$this.data（'filter'）返回；
美元这个
.最近（_self.filter）
.find（'.+_self.config.activeFilterClass）
.removeClass（_self.config.activeFilterClass）；
$this.addClass（_self.config.activeFilterClass）；
_自我容器({
筛选器：$this.data（'filter'）
});
e、 预防默认值（）；
});
}
};
返回{
init：同位素
}
})（jQuery）






选择你梦想中的假期












田园风格的泰国城市和岛屿住宿
曼谷是一个充满活力的城市，每天任何时候都充满活力。然后逃到苏梅岛和托阿岛的海滩，那里拥有泰国最美丽的海滩



田园风格的泰国城市和岛屿住宿
曼谷是一个充满活力的城市，每天任何时候都充满活力。然后逃到苏梅岛和托阿岛的海滩，那里拥有泰国最美丽的海滩



田园风格的泰国城市和岛屿住宿
曼谷是一个充满活力的城市，每天任何时候都充满活力。然后逃到苏梅岛和托阿岛的海滩，那里拥有泰国最美丽的海滩



田园风格的泰国城市和岛屿住宿
曼谷是一个充满活力的城市，每天任何时候都充满活力。然后逃到苏梅岛和托阿岛的海滩，那里拥有泰国最美丽的海滩



田园风格的泰国城市和岛屿住宿
曼谷是一个充满活力的城市