我有一个用于按字母顺序搜索的模式。顶部有一个带有 A-Z 按钮的水平栏。我希望这些按钮中的每一个都将 div(使用溢出:自动)滚动到适当的字母。
例如,如果用户单击“G”,它会将 div 向下滚动到 G 结果。
我想用js或jquery设置这些onclicks。这是我到目前为止所拥有的:
$('.search__strip__letter').each(function () {
var number = $(this).data('letter');
$(this).click(function () {
var target = '#search__results__letter--'+number;
$('.search-results').animate({scrollTop:$(target).position().top}, 200);
})
})
为什么这不起作用......?
编辑: Here's a fiddle .
最佳答案
在 float 元素上添加了clearfix类,更新了jquery选择器拼写固定在这里。
$('.search__strip__letter').each(function () {
var number = $(this).data('letter');
$(this).click(function () {
console.log('click');
var target = '#search__results__letter--' + number;
console.log(target,$('.search-results'));
$('.search-results').animate({
scrollTop: $(target).offset().top + 100
}, 200);
})
})
关于javascript - 在 Div 内滚动不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32971598/