标签: scroll

我有一个数据绑定和itemtemplated ListBox:

<ListBox x:Name="lbLista" 
         ScrollViewer.VerticalScrollBarVisibility="Visible">
    <ListBox.ItemTemplate>
      <DataTemplate>
        <StackPanel Orientation="Horizontal">
          <CheckBox IsChecked="{Binding Deleteable, Mode=TwoWay}" />
          <Label Content="{Binding Name}" />
        </StackPanel>
      </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

它显示很好,它们来自ObservableCollection.

该问题是滚动条出现,但无法使用-它不会有一个把手抢.我已经尝试在ListBox上设置一些ScrollView附加属性,但它们不会影响这种情况.

在一篇文章中,在iPhone上制作长卷轴并非糟糕,Aza Raskin描述了一种替代滚动条控件,它更适合在非常长的页面上使用:

滚动条"保持一段时间"以激活它并不重要; 我很好,只需沿着iPhone屏幕的右边缘滑动即可抓住滚动条手柄.我的想法是,如果我在物理屏幕上向下拖动手柄3/4,我将在页面上向下移动3/4.

Dropbox iPhone应用程序(它很棒,顺便说一下!)就是这种滚动条适用于长PDF文档.通过拖动手柄上的任何位置来定期滚动; 拖动手柄会将视图移动到该位置.这似乎是"从头开始"实现的,因为我认为SDK不够灵活,无法自定义现有滚动条的行为.

但是,Dropbox使用本机文档查看器在iPhone上显示文档,因此他们以某种方式向其添加滚动条功能.看滚动条手柄？您可以拖动它以快速到达文档中的其他位置.

这个概念与索引栏在UITableView中的工作方式非常相似(即Contacts.app); 索引在表格的右侧显示为条形(例如,"a"到"z"),您可以触摸特定标签以跳转到目标部分.但是,在这种情况下,一个非常长的页面没有部分,它应该适用于通用滚动,而不是跳转到部分.

那么我该如何实现这种滚动方法呢？我正在寻找一般的想法和具体的实施细节.如果存在开源实现,我也很感兴趣(这似乎是一个通用的问题/解决方案).

所以这是我现有的代码

$(document).ready(function() {
    $('.abouta').click(function(){
        $('html, body').animate({scrollTop:308}, 'slow');
        return false;
    });
    $('.portfolioa').click(function(){
        $('html, body').animate({scrollTop:708}, 'slow');
        return false;
    });
    $('.contacta').click(function(){
        $('html, body').animate({scrollTop:1108}, 'slow');
        return false;
    });
});

当您单击链接(例如"abouta")时,它会滚动到页面的特定部分.我宁愿做一个scrollTo然后是div的id,这样如果我改变填充等我就不必继续改变scrollTo位置.有什么办法吗？谢谢

市场上有一款名为Floating images的应用程序.这个应用程序具有最流畅的滚动逻辑之一.基本上,应用程序有一个覆盖整个屏幕的空白画布,然后在空白画布的顶部显示一些图像.用户可以滑动,应用程序可以在滑动方向上移动图像.此外,它也进行动力学滚动.此外,没有滚动条,因此开发人员似乎创建了一个实现所有平滑滚动逻辑的自定义视图.

如果我能得到它的来源那将是很棒的..但是任何人都有关于如何实现这种功能的任何伪代码或逻辑.任何线索,网站链接都会有所帮助.

我有一个容器div,它拥有许多子div.我容器中的一个div有评论.我没有将整个div设置为滚动,而是希望所有内容保持原位,只留下注释div滚动.我已经尝试将父溢出设置为隐藏,并将注释div设置为滚动,并且滚动条实际显示在页面上但它被禁用.有谁知道我怎么能做到这一点？

CSS

#container
{                
   position: absolute; 
   overflow: hidden; 
}

#comments
{
   position: relative;
   overflow: scroll; 
}

HTML

<div id="container">
   <div id="comments">
      this is what I want to scroll
   </div>
</div>

我无法摆脱容器,因为它包含更多的子元素.我只是希望其他所有内容保持静态,而只有注释可以滚动.

我的代码在http://jsfiddle.net/mannagod/QT3v5/7/.

JS是:

function delay() {
    var INTENDED_MONTH = 7 //August
    // INTENDED_MONTH is zero-relative
    now = new Date().getDate(),
rows = document.getElementById('scripture').rows;
    if (new Date().getMonth() != INTENDED_MONTH) {
        // need a value here less than 1, 
        // or the box for the first of the month will be in Red
        now = 0.5
    };
    for (var i = 0, rl = rows.length; i < rl; i++) {
        var cells = rows[i].childNodes;
        for (j = 0, cl = cells.length; j …

如何关注HTML元素(例如"a")并且不要更改当前的滚动设置.

对于前者 如果我使用:

$('#link').focus();

并且此链接在屏幕中不可见(例如,在可见区域下方),浏览器向下滚动以显示元素.如何在没有滚动条移动的情况下设置焦点？我需要在原始位置保留滚动条.

我试过这个,但它会产生一些屏幕闪烁,这是一个黑客,而不是一个优雅的解决方案:

var st=$(document).scrollTop();
$('#link').focus();
$(document).scrollTop(st);

请问有人可以帮助我吗？

可能重复:
区分jquery中的向上/向下滚动？

是否可以检测用户是向下滚动还是向上滚动？

示例:

$(window).scroll(function(){

    // IF USER SCROLL DOWN 
           DO ACTION

    // IF USER SCROLL UP 
           DO ANOTHER ACTION

});

谢谢

我用iOS和Android的jQueryMobile创建了一个网站.

我不希望文档本身滚动.相反,只有一个区域(一个<div>元素)应该是可滚动的(通过css属性overflow-y:scroll).

所以我通过以下方式禁用文档滚动:

$(document).bind("touchstart", function(e){
    e.preventDefault();
});

$(document).bind("touchmove", function(e){
    e.preventDefault();
});

但是,无论是否overflow:scroll设置,这也将禁用文档中所有其他元素的滚动.

我怎么解决这个问题？

好吧,我有点难过.

我试图想象来自jQuery背景的角度方式.

问题:如果窗口没有滚动,我只想隐藏一个固定的元素.如果有人向下滚动页面我想隐藏元素.

我已经尝试创建一个自定义指令,但我不能让它工作,因为滚动事件没有触发.我正在考虑一个像下面这样的简单控制器,但它甚至都没有运行.

控制器:

.controller('MyCtrl2', function($scope,appLoading, $location, $anchorScroll, $window ) {
   angular.element($window).bind("scroll", function(e) {
       console.log('scroll')
       console.log(e.pageYOffset)
       $scope.visible = false;
   })
})

视图

<a ng-click="gotoTop()" class="scrollTop" ng-show="{{visible}}">TOP</a>

现场预览 http://www.thewinetradition.com.au/new/#/portfolio

任何想法将不胜感激.