所以目前我有:
#div {
position: relative;
height: 510px;
overflow-y: scroll;
}
Run Code Online (Sandbox Code Playgroud)
但是我不相信某些用户会明白那里有更多的内容.他们可以在不知道我的div实际上包含更多内容的情况下向下滚动页面.我使用高度510px,以便它切断一些文本,所以在某些页面上看起来确实有更多内容,但这并不适用于所有这些内容.
我正在使用Mac,而在Chrome和Safari中,垂直滚动条只会在鼠标悬停在Div上时显示,并且您会主动滚动.有没有办法让它一直显示?
所以我有一个页面,侧面有一个固定的链接栏.我想滚动到不同的div.基本上这个页面只是一个很长的网站,在那里我想使用菜单框滚动到不同的div.
这是我到目前为止的jquery
$(document).ready(function() {
$('#contactlink').click = function() {
$(document).scrollTo('#contact');
}
});
Run Code Online (Sandbox Code Playgroud)
问题是它在加载时自动转到联系人div,然后当我按下#contactlink菜单时它会滚动回到顶部.
编辑:HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- jQuery-->
<script src = "<?php echo base_url() ?>assets/js/jquery.js"></script>
<!-- .js file-->
<script src = "<?php echo base_url() ?>assets/js/pagetwo.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/reset.css" />
<!-- .css for page -->
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/pagetwo.css"/>
<!-- page title-->
<title><!-- Insert Title --></title>
</head>
<body>
<div id="container">
<div id="sidebar">
<ul>
<li><a id = "aboutlink" href="#">auck</a></li>
<li><a id …Run Code Online (Sandbox Code Playgroud) 我无法禁用滚动RecyclerView.我试着打电话rv.setEnabled(false)但我仍然可以滚动.
如何禁用滚动?
我正在寻找一种滚动方式以RecyclerView在顶部显示所选项目的方法.
在ListView我能够通过这样做,scrollTo(x,y)并获得了需要为中心元素的顶部.
就像是:
@Override
public void onItemClick(View v, int pos){
mylistView.scrollTo(0, v.getTop());
}
Run Code Online (Sandbox Code Playgroud)
问题是RecyclerView当使用它的scrollTo方法时返回错误
RecyclerView不支持滚动到绝对位置
如何滚动a RecyclerView以将所选项目放在视图顶部?
我有一个小"浮动工具箱" - 一个div与position:fixed; overflow:auto.工作得很好.
但是当在该框内滚动(使用鼠标滚轮)并到达底部或顶部时,父元素"接管""滚动请求":工具框后面的文档滚动.
- 哪个很烦人而不是用户"要求".
我正在使用jQuery并认为我可以使用event.stoppropagation()来阻止此行为:
$("#toolBox").scroll( function(event){ event.stoppropagation() });
它确实进入了函数,但仍然无论如何传播(文档滚动)
- 在SO(和Google)上搜索这个主题非常困难,所以我不得不问:
如何防止滚动事件的传播/冒泡?
编辑:
工作解决方案感谢amustill(以及Brandon Aaron的mousewheel-plugin:https:
//github.com/brandonaaron/jquery-mousewheel/raw/master/jquery.mousewheel.js
$(".ToolPage").bind('mousewheel', function(e, d)
var t = $(this);
if (d > 0 && t.scrollTop() === 0) {
e.preventDefault();
}
else {
if (d < 0 && (t.scrollTop() == t.get(0).scrollHeight - t.innerHeight())) {
e.preventDefault();
}
}
});
Run Code Online (Sandbox Code Playgroud) 在Selenium 1.x或2.x中是否有任何方法可以滚动浏览器窗口,以便XPath识别的特定元素可以在浏览器中查看?Selenium中有一个焦点方法,但它似乎没有在FireFox中物理滚动视图.有没有人对如何做到这一点有任何建议?
我需要这个的原因是我正在测试页面上元素的点击.不幸的是,除非元素可见,否则事件似乎不起作用.我无法控制单击该元素时触发的代码,因此我无法对其进行调试或修改,因此,最简单的解决方案是将项目滚动到视图中.
我有一个只有300像素大的div,当页面加载滚动到内容的底部时我想要它.此div具有动态添加到其中的内容,需要始终保持滚动状态.现在,如果用户决定向上滚动,我不希望它跳回到底部,直到用户再次向下滚动
除非用户向上滚动,当用户向后滚动到底部时,即使添加了新的动态内容,它也需要保持在底部,否则可以使div保持滚动到底部.我该如何创造这个呢?
我正在尝试使用JavaScript检测浏览器滚动条的位置,以确定当前视图在页面中的位置.我的猜测是我必须检测轨道上拇指的位置,然后检测拇指的高度占轨道总高度的百分比.我是否过于复杂,或者JavaScript提供了比这更简单的解决方案?任何想法代码?
我在我的网站上遇到jQuery功能问题.它的作用是,它使用该window.scroll() 功能来识别窗口何时改变其滚动位置,并且在更改时调用一些函数来从服务器加载数据.
问题是,.scroll()只要滚动位置发生一点变化并在底部加载数据,就会调用该函数; 但是,我希望实现的是当滚动/页面位置到达底部时加载新数据,就像Facebook Feed一样.
但我不知道如何使用jQuery检测滚动位置?
function getData() {
$.getJSON('Get/GetData?no=1', function (responseText) {
//Load some data from the server
})
};
$(window).scroll(function () {
getData();
});
Run Code Online (Sandbox Code Playgroud)