我正在使用单页网站,但<a></a>
代码存在问题。
我希望当用户点击Div时,他们会被带到页面的不同部分。目前我有<a></a>
这样做。
'<a href="#divid">About</a>'
css-tricks.com/examples/SmoothPageScroll/#two这是我用来滚动页面的一个很好的例子
但每次我将这些标签放在我的div中的图像周围时,所有div点击属性都会停止工作。 例如:
<div id="about-button" class="button">
<a href="#about"><img src="images/menu-about.png"
alt="about" class="button"/></a>
</div>
由于a
标记位于div之上,我可以说这种情况正在发生。
我的问题是有一种方法可以使<a>
标签位于div下并与div并排工作并且仍在工作吗?
或者如果没有办法实现这一点。我可以做的任何阅读或导航到页面特定部分的更好方法的示例,而不使用''标签
答案 0 :(得分:3)
$('a').click(function(e) {
e.preventDefault();
var scr = $('#target').offset().top; // top offset of the target element
$('html, body').animate({scrollTop: scr}, 1000)
})
答案 1 :(得分:1)
不是试图操纵DOM元素的工作方式,而是更改jQuery选择器不是更容易吗? http://api.jquery.com/parent-selector/