jjzjj

ScrollIntoView

全部标签

javascript - scrollIntoView() 不工作 : does not taking in account fixed element

我正在尝试使用scrollIntoView()在我的应用程序中,但是因为我有一个顶部固定栏,所以当我使用scrollIntoView()时,元素将滚动到固定栏的后面。这意味着当我尝试让一些元素对用户可见时,通过将元素滚动到可见区域,它会被滚动,但滚动到另一个不可见区域,即这个固定栏。下面是我正在尝试做的一个例子:letelement=document.getElementsByClassName('second-element')[0];element.scrollIntoView();.fixed-element{height:30px;width:100%;background-c

javascript - scrollIntoView() 不工作 : does not taking in account fixed element

我正在尝试使用scrollIntoView()在我的应用程序中,但是因为我有一个顶部固定栏,所以当我使用scrollIntoView()时,元素将滚动到固定栏的后面。这意味着当我尝试让一些元素对用户可见时,通过将元素滚动到可见区域,它会被滚动,但滚动到另一个不可见区域,即这个固定栏。下面是我正在尝试做的一个例子:letelement=document.getElementsByClassName('second-element')[0];element.scrollIntoView();.fixed-element{height:30px;width:100%;background-c

c# - 使 ListView.ScrollIntoView 将项目滚动到 ListView 的中心 (C#)

ListView.ScrollIntoView(object)当前在ListView中找到一个对象并滚动到它。如果您位于要滚动到的对象下方,它会将对象滚动到顶行。如果您位于上方,它会将其滚动到底行的View中。如果项目当前不可见,我希望将其滚动到我的ListView的中心。有没有一种简单的方法可以做到这一点? 最佳答案 使用我编写的扩展方法在WPF中很容易做到这一点。要将项目滚动到View中心,您只需调用一个方法即可。假设您有这个XAML:您的ScrollIntoView方法将很简单:privatevoidScrollIntoVie

c# - 使 ListView.ScrollIntoView 将项目滚动到 ListView 的中心 (C#)

ListView.ScrollIntoView(object)当前在ListView中找到一个对象并滚动到它。如果您位于要滚动到的对象下方,它会将对象滚动到顶行。如果您位于上方,它会将其滚动到底行的View中。如果项目当前不可见,我希望将其滚动到我的ListView的中心。有没有一种简单的方法可以做到这一点? 最佳答案 使用我编写的扩展方法在WPF中很容易做到这一点。要将项目滚动到View中心,您只需调用一个方法即可。假设您有这个XAML:您的ScrollIntoView方法将很简单:privatevoidScrollIntoVie

jquery - 如何使用 jQuery 将表格的一行滚动到 View (element.scrollintoView) 中?

我正在使用jQuery向表中动态添加行。table位于具有overflow:auto的div内,从而导致垂直滚动条。我现在想将我的容器div自动滚动到最后一行。tr.scrollintoView()的jQuery版本是什么? 最佳答案 如果您需要滚动到列表中的任意项目(而不是总是滚动到底部),下面的方法会更好:functionscrollIntoView(element,container){varcontainerTop=$(container).scrollTop();varcontainerBottom=containerTo

jquery - 如何使用 jQuery 将表格的一行滚动到 View (element.scrollintoView) 中?

我正在使用jQuery向表中动态添加行。table位于具有overflow:auto的div内,从而导致垂直滚动条。我现在想将我的容器div自动滚动到最后一行。tr.scrollintoView()的jQuery版本是什么? 最佳答案 如果您需要滚动到列表中的任意项目(而不是总是滚动到底部),下面的方法会更好:functionscrollIntoView(element,container){varcontainerTop=$(container).scrollTop();varcontainerBottom=containerTo

javascript - scrollIntoView 滚动得太远

我有一个页面,其中包含从数据库动态生成的带有div的表行的滚动条。每个表格行都像一个链接,有点像您在视频播放器旁边的YouTube播放列表中看到的。当用户访问该页面时,他们所在的选项应该转到滚动div的顶部。此功能正在运行。问题是它有点过头了。就像他们所在的选项一样,大约10px太高了。因此,页面被访问,url用于识别选择了哪个选项,然后将该选项滚动到滚动div的顶部。注意:这不是窗口的滚动条,它是一个带滚动条的div。我正在使用这段代码将选定的选项移动到div的顶部:varpathArray=window.location.pathname.split('/');varel=docu

javascript - scrollIntoView 滚动得太远

我有一个页面,其中包含从数据库动态生成的带有div的表行的滚动条。每个表格行都像一个链接,有点像您在视频播放器旁边的YouTube播放列表中看到的。当用户访问该页面时,他们所在的选项应该转到滚动div的顶部。此功能正在运行。问题是它有点过头了。就像他们所在的选项一样,大约10px太高了。因此,页面被访问,url用于识别选择了哪个选项,然后将该选项滚动到滚动div的顶部。注意:这不是窗口的滚动条,它是一个带滚动条的div。我正在使用这段代码将选定的选项移动到div的顶部:varpathArray=window.location.pathname.split('/');varel=docu

javascript - scrollIntoView 是否适用于所有浏览器?

scrollIntoView()是否适用于所有浏览器?如果没有,是否有jQuery替代方案? 最佳答案 支持是的,但用户体验很差。正如@9bits所指出的,这一直是supportedbyallmajorbrowsers.不用担心。主要问题是它的工作方式。它只是跳转到可能位于页面末尾的特定元素。通过跳转到它,用户不知道是否:页面已向上滚动页面已向下滚动他们已被重定向到别处前两个可以通过滚动位置来确定,但谁说用户在跳转完成之前就一直跟踪滚动位置?所以这是一个不确定的Action。最后一个可能是正确的,特别是如果页面有移动标题被滚动到Vi

javascript - scrollIntoView 是否适用于所有浏览器?

scrollIntoView()是否适用于所有浏览器?如果没有,是否有jQuery替代方案? 最佳答案 支持是的,但用户体验很差。正如@9bits所指出的,这一直是supportedbyallmajorbrowsers.不用担心。主要问题是它的工作方式。它只是跳转到可能位于页面末尾的特定元素。通过跳转到它,用户不知道是否:页面已向上滚动页面已向下滚动他们已被重定向到别处前两个可以通过滚动位置来确定,但谁说用户在跳转完成之前就一直跟踪滚动位置?所以这是一个不确定的Action。最后一个可能是正确的,特别是如果页面有移动标题被滚动到Vi