可能是一个简单的!

有谁知道如何让UIScrollView的滚动条不断显示？

它在用户滚动时显示,因此他们可以看到它们所处的滚动视图的位置.

但是我希望它能够不断显示,因为用户不能立即看到滚动可用

任何建议都将受到高度赞赏.

我的目标是在一个框架中添加一个垂直滚动条,框架中有几个标签.一旦框架内的标签超过框架的高度,滚动条就会自动启用.经过搜索,我找到了这个有用的帖子.基于这一职位,我明白,为了达到我想要的,(纠正我,如果我错了,我是初学者),我要创建一个Frame第一,然后创建一个Canvas该框架内,坚持滚动条到帧好.之后,创建另一个框架并将其作为窗口对象放在画布中.所以,我终于想到了这个:

from Tkinter import *

def data():
    for i in range(50):
       Label(frame,text=i).grid(row=i,column=0)
       Label(frame,text="my text"+str(i)).grid(row=i,column=1)
       Label(frame,text="..........").grid(row=i,column=2)

def myfunction(event):
    canvas.configure(scrollregion=canvas.bbox("all"),width=200,height=200)

root=Tk()
sizex = 800
sizey = 600
posx  = 100
posy  = 100
root.wm_geometry("%dx%d+%d+%d" % (sizex, sizey, posx, posy))

myframe=Frame(root,relief=GROOVE,width=50,height=100,bd=1)
myframe.place(x=10,y=10)

canvas=Canvas(myframe)
frame=Frame(canvas)
myscrollbar=Scrollbar(myframe,orient="vertical",command=canvas.yview)
canvas.configure(yscrollcommand=myscrollbar.set)

myscrollbar.pack(side="right",fill="y")
canvas.pack(side="left")
canvas.create_window((0,0),window=frame,anchor='nw')
frame.bind("<Configure>",myfunction)
data()
root.mainloop()

1. 我做得对吗？是否有更好/更聪明的方法来实现此代码给我的输出？
2. 为什么我必须使用网格方法？(我尝试了放置方法,但画布上没有任何标签.)
3. anchor='nw'在画布上创建窗口时使用有什么特别之处？

因为我是初学者,请保持简单的答案.

我想隐藏我的div元素和我的整个滚动条body,但仍然让用户使用鼠标滚轮或箭头键滚动.如何使用原始JavaScript或jQuery实现这一目标？有任何想法吗？

我正在尝试在JQuery中创建自定义事件,以便在单击滚动条时检测到¹.
我知道有很多文字,但我的所有问题都是粗体,并且有一个JSFiddle示例,您可以立即处理.

因为我还没有找到任何内置功能,所以
我必须创建一个hasScroll函数,检查元素是否有滚动条,

$.fn.hasScroll = function(axis){
    var overflow = this.css("overflow"),
        overflowAxis;

    if(typeof axis == "undefined" || axis == "y") overflowAxis = this.css("overflow-y");
    else overflowAxis = this.css("overflow-x");

    var bShouldScroll = this.get(0).scrollHeight > this.innerHeight();

    var bAllowedScroll = (overflow == "auto" || overflow == "visible") ||
                         (overflowAxis == "auto" || overflowAxis == "visible");

    var bOverrideScroll = overflow == "scroll" || overflowAxis == "scroll";

    return (bShouldScroll && bAllowedScroll) || bOverrideScroll;
};

和一个inScrollRange函数,检查执行的点击是否在滚动范围内.

var scrollSize = …

我iframe在www.example.com上有一个指向support.example.com(它是外国域的CNAME).

我会自动调整iframe的高度,以便框架不需要任何滚动条来显示包含的网页.

在Firefox和IE上这很好用,因为我使用没有滚动条<iframe ... scrolling="no"></iframe>.但是,在webkit浏览器(Safari和Chrome)上,即使没有滚动条的页面有足够的空间(滚动条显示为灰色),垂直滚动条仍然存在.

如何隐藏webkit浏览器的滚动条？

有没有人知道一个jQuery插件,为每个浏览器制作Mac OS X Lion风格的滚动条？

提前致谢.

编辑:这是Windows用户的图像

我想创建一个能够滚动但不显示滚动条的div.我找到了Webkit的解决方案(如下)但是如何在其他浏览器中完成？

我宁愿避免使用javascript插件.希望找到CSS或供应商特定的解决方案.

Webkit解决方案

#photoreel::-webkit-scrollbar {
    height: 0;
    width: 0;
}
#photoreel {
    overflow-x: scroll;
    overflow-y: hidden;
}

好吧我正在使用jQuery并且当前获得滚动条的最大值:

var $body = $('body');
$body.scrollLeft(99999); // will give me the max value since I've overshot
var max_value = $body.scrollLeft(); // returns 300
$('body').scrollLeft(0);

当我尝试这个:$body[0].scrollWidth我只是获得内容的实际宽度 - 1580

我想我必须忘记一个更好的方法.

编辑 为了澄清,我也试过$(window).width(),$(document).width()分别给了我1280和1580.

背景

我已经创建了一个库,显示了RecyclerView的快速滚动条(这里,如果有人想要),我想决定何时显示以及何时隐藏快速滚动条.

我认为一个好的决定是,如果屏幕上没有显示的项目(或者有很多项目没有出现),在RecyclerView完成布局过程后,我会将快速滚动条设置为可见,如果所有项目都已显示,则无需显示.

问题

我找不到RecyclerView的监听器/回调,告诉我它何时完成显示项目,以便我可以检查显示的项目数与项目数量相比.

在键盘出现时,recyclerView也可能会改变其大小并隐藏自己.

我试过的

滚动侦听器可能没有帮助,因为它"一直"发生,我只需要检查RecyclerView何时更改其大小或项目计数(或数据)已更改.

我可以换用通知我的大小的变化,就像一个布局RecyclerView 这一个,我做了,但我不认为它会工作作为RecyclerView大概不会准备好,告诉多少项目都可见.

检查显示的项目数量的方法可以这样使用:

    final LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity(), LinearLayoutManager.VERTICAL, false);
    mRecyclerView.setLayoutManager(layoutManager);
    ...
    Log.d("AppLog", "visible items count:" + (layoutManager.findLastVisibleItemPosition() -layoutManager.findFirstVisibleItemPosition()+1));

这个问题

如何在recyclerView显示其子视图时收到通知,以便我可以根据当前显示的内容来决定显示/隐藏快速滚动条？

我正在尝试减小滚动条控件的大小并使其更像"Apple",因为它非常适合我的界面.

我想要实现的是这样的事情:

到目前为止我所有的都是这个

        <Style TargetType="{x:Type ScrollBar}">
            <Setter Property="Stylus.IsFlicksEnabled" Value="True" />
            <Setter Property="Background" Value="#8C8C8C" />
            <Setter Property="Width" Value="8"/>
            <Setter Property="MinWidth" Value="8" />
        </Style>

工作XAML

可以在WPF中的Apple Style Scrollbar中找到实现

    <!--Scrollbar Thumbs-->
<Style x:Key="ScrollThumbs" TargetType="{x:Type Thumb}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Thumb}">
                <Grid x:Name="Grid">
                    <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Fill="Transparent" />
                    <Border x:Name="Rectangle1" CornerRadius="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto"  Background="{TemplateBinding Background}" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="Tag" Value="Horizontal">
                        <Setter TargetName="Rectangle1" Property="Width" Value="Auto" />
                        <Setter TargetName="Rectangle1" Property="Height" Value="7" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style> …