Question

我在使用jquery滚动时遇到了一个奇怪的问题。

请注意，我正在编辑模板，100％的代码可用于megakit＆amp; keenthemes.com

在页面底部，有一个谷歌地图部分。我想删除它，但出于某种原因，当我这样做时，它会打破页面顶部的滚动。

HTML - 滚动破坏的页面顶部

<a href="#js__scroll-to-section" class="s-scroll-to-section-v1--bc g-margin-
b-15--xs">
<span class="g-font-size-18--xs g-color--white ti-angle-double-down"></span>
<p class="text-uppercase g-color--white g-letter-spacing--3 g-margin-b-0--
xs">Learn More</p>
 </a>

HTML - 我要删除的底部

<section class="s-google-map">
<div id="js__google-container" class="s-google-container g-height-400--xs">
</div>
</section>

JS滚动

var handleScrollToSection = function() {
$(function() {
$('a[href*=#js__scroll-to-]:not([href=#js__scroll-to-])').on('click', 
function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
&& location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 90
}, 1000);
return false;
}
}
});
});
}

缩进在复制和粘贴方面有点不对，但在代码中看起来是正确的。

谢谢，

麦

jquery滚动和删除部分的问题

0 个答案: