如何在选择选项中滚动滚动锚

用户名

我不能仅通过链接使用select选项元素进行流畅的滚动。谁能帮我?

jsfiddle演示

$(function() {
  $('a[href*=#]:not([href=#])').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
        }, 1000);
        return false;
      }
    }
  });
});

谢谢!

沃尔夫

做就是了:

演示

$('select').on('change', function () {
         $('html,body').animate({
                    scrollTop: $(this.value).offset().top
                }, 1000);
    });

并删除onchange内联属性

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在使用jQuery的选择中取消选择选项

来自分类Dev

Chrome选择选项列表在滚动时分离

来自分类Dev

如何在WooCommerce版本选择选项中添加“必需”

来自分类Dev

如何在选择选项中隐藏4小时

来自分类Dev

如何在Chrome中删除选择选项黑色边框?

来自分类Dev

如何在SQL中的导入数据中选择选项

来自分类Dev

如何在HTML中设置特定选择选项的样式

来自分类Dev

如何在SWTableViewCell中添加向右滑动选择选项

来自分类Dev

如何在angularjs中传递选择选项值

来自分类Dev

如何在laravel中创建动态选择选项?

来自分类Dev

如何在选择选项中强制添加输入?

来自分类Dev

如何在 Symfony 4.1 中设置选择选项名称?

来自分类Dev

如何在 Vue.js 中获得选择选项

来自分类Dev

如何在可滚动选项卡中添加 webview?

来自分类Dev

如何在TextView中启用“滚动滚动”

来自分类Dev

如何更改Javascript中的选择选项

来自分类Dev

如何从选择选项中删除空格?

来自分类Dev

如何在动态选择框中基于行显示已生成的选择选项

来自分类Dev

如何在Rails 3上使用simple_form在选择选项中强制选择值

来自分类Dev

如何在父选择选项的值更改时显示特定的子选择选项

来自分类Dev

如何在访问表单中默认选择选项组中的单选按钮

来自分类Dev

如何在单元测试中的功能性React组件中访问选择选项

来自分类Dev

从下拉列表中选择选项后,页面更改的滚动位置

来自分类Dev

使用 AngularJS 滚动到选择选项(焦点不适用于 Chrome、IE11)

来自分类Dev

如何在Modal中滚动

来自分类Dev

如何使用jQuery从选择选项中隐藏选择选项列表

来自分类Dev

如何在Sublime Text 3中禁用重叠选项卡或滚动选项卡

来自分类Dev

如何在Angular中的对象数组上构造多个选择选项

来自分类Dev

如何在Swift的iOS设置中创建类似的选择选项UITableView?

Related 相关文章

  1. 1

    如何在使用jQuery的选择中取消选择选项

  2. 2

    Chrome选择选项列表在滚动时分离

  3. 3

    如何在WooCommerce版本选择选项中添加“必需”

  4. 4

    如何在选择选项中隐藏4小时

  5. 5

    如何在Chrome中删除选择选项黑色边框?

  6. 6

    如何在SQL中的导入数据中选择选项

  7. 7

    如何在HTML中设置特定选择选项的样式

  8. 8

    如何在SWTableViewCell中添加向右滑动选择选项

  9. 9

    如何在angularjs中传递选择选项值

  10. 10

    如何在laravel中创建动态选择选项?

  11. 11

    如何在选择选项中强制添加输入?

  12. 12

    如何在 Symfony 4.1 中设置选择选项名称?

  13. 13

    如何在 Vue.js 中获得选择选项

  14. 14

    如何在可滚动选项卡中添加 webview?

  15. 15

    如何在TextView中启用“滚动滚动”

  16. 16

    如何更改Javascript中的选择选项

  17. 17

    如何从选择选项中删除空格?

  18. 18

    如何在动态选择框中基于行显示已生成的选择选项

  19. 19

    如何在Rails 3上使用simple_form在选择选项中强制选择值

  20. 20

    如何在父选择选项的值更改时显示特定的子选择选项

  21. 21

    如何在访问表单中默认选择选项组中的单选按钮

  22. 22

    如何在单元测试中的功能性React组件中访问选择选项

  23. 23

    从下拉列表中选择选项后,页面更改的滚动位置

  24. 24

    使用 AngularJS 滚动到选择选项(焦点不适用于 Chrome、IE11)

  25. 25

    如何在Modal中滚动

  26. 26

    如何使用jQuery从选择选项中隐藏选择选项列表

  27. 27

    如何在Sublime Text 3中禁用重叠选项卡或滚动选项卡

  28. 28

    如何在Angular中的对象数组上构造多个选择选项

  29. 29

    如何在Swift的iOS设置中创建类似的选择选项UITableView?

热门标签

归档