标签: scroll

jQuery滚动到页面底部/ iframe

如何使用jquery向下滚动到iframe或页面的底部?

jquery scroll scrollto

220
推荐指数
4
解决办法
30万
查看次数

CSS - 溢出:滚动; - 始终显示垂直滚动条?

所以目前我有:

#div {
  position: relative;
  height: 510px;
  overflow-y: scroll;
}
Run Code Online (Sandbox Code Playgroud)

但是我不相信某些用户会明白那里有更多的内容.他们可以在不知道我的div实际上包含更多内容的情况下向下滚动页面.我使用高度510px,以便它切断一些文本,所以在某些页面上看起来确实有更多内容,但这并不适用于所有这些内容.

我正在使用Mac,而在Chrome和Safari中,垂直滚动条只会在鼠标悬停在Div上时显示,并且您会主动滚动.有没有办法让它一直显示?

css macos scroll overflow

208
推荐指数
3
解决办法
23万
查看次数

使用jquery滚动到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)

jquery scroll

196
推荐指数
5
解决办法
64万
查看次数

如何禁用RecyclerView滚动?

我无法禁用滚动RecyclerView.我试着打电话rv.setEnabled(false)但我仍然可以滚动.

如何禁用滚动?

android scroll android-recyclerview

193
推荐指数
17
解决办法
16万
查看次数

滚动RecyclerView以在顶部显示所选项目

我正在寻找一种滚动方式以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以将所选项目放在视图顶部?

android scroll android-recyclerview

192
推荐指数
12
解决办法
18万
查看次数

当内部元素滚动位置到达顶部/底部时,防止滚动父元素?

我有一个小"浮动工具箱" - 一个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)

javascript jquery scroll event-bubbling event-propagation

190
推荐指数
12
解决办法
13万
查看次数

使用Selenium将元素滚动到视图中

在Selenium 1.x或2.x中是否有任何方法可以滚动浏览器窗口,以便XPath识别的特定元素可以在浏览器中查看?Selenium中有一个焦点方法,但它似乎没有在FireFox中物理滚动视图.有没有人对如何做到这一点有任何建议?

我需要这个的原因是我正在测试页面上元素的点击.不幸的是,除非元素可见,否则事件似乎不起作用.我无法控制单击该元素时触发的代码,因此我无法对其进行调试或修改,因此,最简单的解决方案是将项目滚动到视图中.

selenium scroll automated-tests

185
推荐指数
12
解决办法
38万
查看次数

除非用户向上滚动,否则保持溢出div滚动到底部

我有一个只有300像素大的div,当页面加载滚动到内容的底部时我想要它.此div具有动态添加到其中的内容,需要始终保持滚动状态.现在,如果用户决定向上滚动,我不希望它跳回到底部,直到用户再次向下滚动

除非用户向上滚动,当用户向后滚动到底部时,即使添加了新的动态内容,它也需要保持在底部,否则可以使div保持滚动到底部.我该如何创造这个呢?

html javascript css jquery scroll

180
推荐指数
9
解决办法
20万
查看次数

如何使用Javascript获取滚动条位置?

我正在尝试使用JavaScript检测浏览器滚动条的位置,以确定当前视图在页面中的位置.我的猜测是我必须检测轨道上拇指的位置,然后检测拇指的高度占轨道总高度的百分比.我是否过于复杂,或者JavaScript提供了比这更简单的解决方案?任何想法代码?

javascript browser scroll dom-events

167
推荐指数
8
解决办法
42万
查看次数

如何使用jQuery检测页面的滚动位置

我在我的网站上遇到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)

javascript jquery scroll

162
推荐指数
4
解决办法
56万
查看次数