标签: scroll

可能重复:
带固定标题的HTML表格？

我已经尝试了几种方法从HTML表中获取带有固定标题的滚动条但没有运气.我想我需要一个解决方案,其中标题以某种方式"附加"到表体(而不是典型的嵌套表解决方案).我尝试的每个解决方案都会影响标题列和正文列的宽度.换句话说,它们不同步,并且标题的列与滚动表的列不正确对齐.标题和列的宽度因列而异.

有什么方法可以让我实现这个目标吗？我宁愿不使用JavaScript.哦,我也需要这个在Internet Explorer中工作.

更新:获得此功能对我来说非常重要.我需要在固定头两列和行头.到目前为止,还没有任何解决方 我考虑使标题分开表,但滚动时这不起作用,因为标题将保持固定.

看起来固定的HTML标题会有很多用例,所以我很惊讶没有足够的解决方案.

(哦,我在链接中尝试了opatut建议的选项,但它并不适用于所有浏览器,我需要在Internet Explorer,Firefox和Chrome中使用此工作.如果它在Internet Explorer 6中不起作用,那就没问题) .

哦,如果我必须修复列宽或行高,那也没关系,我会很高兴有一个有效的固定标题HTML表(跨浏览器).

有没有人知道将Json数据动态加载到ListView的任何示例,我见过的大多数示例只使用某种静态数组.我需要加载说10行的Json数据,然后在底部有一个更多的负载..以获得下一个10等等.请使用Json的例子....

我在配置JQuery-UI的自动完成模块时遇到了麻烦.我需要当要选择的数据量足够大时会出现滚动条.

这是我试过的:

• 在jquery-ui-1.8.16.css我设置这个:

ui.autocomplete{
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

*如ui-documentation示例中所示

这是我声明和自动完成输入的方式:

$("#myInput").autocomplete({
    source: mySource,
    minLength: 0,
});

我不知道为什么滚动条没有出现,任何帮助将不胜感激.非常感谢你!

好.我想要实现的是一种与Excel中的冻结窗格具有相同效果的布局.这就是我想要一个与主ListView水平滚动的标题行和一个与主ListView垂直滚动的左手ListView.当滚动到另一个维度时,标题行和左侧列表视图应保持静止.

这是xml布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recordViewLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <LinearLayout android:layout_width="160dp"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <CheckBox
            android:id="@+id/checkBoxTop"
            android:text="Check All"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ListView android:id="@+id/engNameList"
            android:layout_width="160dp"
            android:layout_height="wrap_content"/>
    </LinearLayout> 


    <HorizontalScrollView  
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout android:id="@+id/scroll"  
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <include layout="@layout/record_view_line" android:id="@+id/titleLine" />

            <ListView 
                android:id="@android:id/list"
                android:layout_height="wrap_content"
                android:layout_width="match_parent"/>

        </LinearLayout>

    </HorizontalScrollView>
</LinearLayout>

然后我在ListActivity中使用此代码

public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
    View v = recordsListView.getChildAt(0);
    int top = (v == null) ? 0 : v.getTop();

((ListView)findViewById(R.id.engNameList)).setSelectionFromTop(firstVisibleItem, top);      
}

这应该导致左手ListView在用户滚动右手时滚动.不幸的是它没有.

我有一点关于google的事情,似乎setSelectionFromTop()函数不能在嵌套在多个布局中的ListView上运行.

如果是这种情况,任何人都可以建议一种方法来让它们一起滚动或以不同的方式来设置布局或完全不同的技术.

WPF,类似浏览器的应用.
我有一个包含ListView的页面.在调用PageFunction后,我向ListView添加一行,并希望将新行滚动到视图中:

  ListViewItem item = ItemContainerGenerator.ContainerFromIndex(index) as ListViewItem;
  if (item != null)
    ScrollIntoView(item);

这有效.只要新线在视图中,线就会得到它应该的焦点.

问题是,当线条不可见时,事情不起作用.
如果该行不可见,则生成的行没有ListViewItem,因此ItemContainerGenerator.ContainerFromIndex返回null.

但如果没有该项目,如何将该行滚动到视图中？有没有办法滚动到最后一行(或任何地方)而不需要ListViewItem？

我有一个带有反馈表单的iFrame.用户单击提交后,我希望使用父窗口滚动到顶部.我知道我可以滚动到页面顶部:

$('html, body').animate({scrollTop:0}, 'slow');

但是,这只会滚动iframe的内容,而不是父页面.有什么建议？

我正在寻找一种方法来阻止鼠标中键点击使浏览器开始滚动,并显示小滚动'指南针'.

我已经看到使用javascript禁用中间点击滚动但是解决方案比我想要的更多hackey,并且似乎不是我实际可以使用的东西.

我正在寻找一个更明确的"这是你如何做到"或"你不能这样做,儿子".

我当然对hacks和workarounds持开放态度.

仅仅因为SO代码看起来更好用代码,这就是我用来在右键或中键点击时关闭工具提示的内容.

msg.mousedown(function(e) {
    if (e.which == 2) {   //middle mouse click
        msg.hide();
        e.preventScrolling();   //if only this worked...
    }
    else if (e.which == 3) {   //right mouse click
        msg.hide();
    }
}).bind('contextmenu', function(e) {
    e.preventDefault();
}).click(function(e) {
    e.stopPropagation();
});

编辑:jQuery,JavaScript,无论如何,让我们现在玩得很好:)

编辑2:

我更感兴趣的是防止小卷轴'罗盘'而不是阻止页面滚动.我想从我最初的描述中不是很清楚.

我已经阅读了很多例子,但如果我希望在ListView更新之后保持我的滚动位置JSON,那么我可以不使用AsyncTask实例吗？

我的清单的代码是

 String wrd;
    //ArrayList<HashMap<String,String>> mylist;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Intent i2=getIntent();
         wrd=i2.getStringExtra("entrd");
        Log.v("keyis",wrd);



        final Handler handler = new Handler();
        Runnable runable = new Runnable() {

            @Override
            public void run() {

                //call the function
                LoadData();
                //also call the same runnable
                handler.postDelayed(this, 40000);
            }
        };
        handler.postDelayed(runable, 10);

    }public void LoadData(){


         JSONObject j2=JSONfunctions.getJSONfromURL("/webservice_search.php?keyword="+wrd+"&format=json");
         ArrayList<HashMap<String,String>> mylist = new  ArrayList<HashMap<String,String>>();

         try{JSONArray jray=j2.getJSONArray("listings");
            for(int i=0;i<jray.length();i++){
                Log.v("state","json data being read");
                JSONObject …

我的布局相当简单,一个重复的背景元素,一些垂直空间(道路)和一些水平桥梁和一个小车,当你滚动时应该在它们下面开车.

在我的Mac上一切正常,但在iOS设备上 - 我的测试设备是:iOS 6.1上的iPhone 4,iOS 6.1.3上的iPad 2- z-index当滚动事件处于活动状态时,它不受尊重.

这意味着,当你滚动,车子,这是position: fixed对window,是在桥上移动(具有较高的z-index比"汽车"),而不是z-index使桥式更高,因为它应该是在非iOS的浏览器,其让车开到桥下.

这似乎是一个简单的分层问题,但即使有一个非常简化的测试用例,这个bug仍然很明显.

测试用例:http ://plnkr.co/EAE5AdJqJiuXgSsrfTWH(在iPad上全屏查看以避免与演示内容无关的iframe滚动问题)

有谁知道代码有什么问题会导致z-index滚动不活动时不起作用？

注意:这适用于Chrome for iOS和本机Mobile Safari.

以下是我在上面链接的简化测试用例上运行的代码位,以防有人在不打开演示的情况下指出修复.

HTML:

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <div class="car"></div>

    <div class="street"></div>
    <div class="bridge"></div>
    <div class="street"></div>
    <div class="bridge"></div>
    <div class="street"></div>
    <div class="bridge"></div>
    <div class="street"></div>
    <div class="bridge"></div>
    <div class="street"></div>
    <div class="bridge"></div>
    <div class="street"></div>
    <div class="bridge"></div>
    <div class="street"></div>
  </body>

</html>

CSS:

body { …

问题:

在iOS上z-index,使用时会忽略可滚动区域-webkit-overflow-scrolling.如果两个-webkit-overflow-scrolling重叠的对象滚动,则滚动而不是上面显示的对象.

如何重现:

创建两个彼此重叠的元素(position: absolute例如),其中一个元素具有更高的元素z-index并添加

.selector
{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

对他们两个.两个元素都应该具有足够的内容以便可滚动.

另外添加

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black">

到你的<head>.然后将页面添加到主屏幕并从那里启动它.

如果您然后尝试滚动上部元素,则会滚动下面的元素.

MCVE:

或者只是看看这支笔.从iOS设备启动完整版,将其添加到主屏幕并从那里启动.

环境:

使用iOS 9.1和iOS 9.3.2在iPhone 5和iPhone 6上进行测试

观察:

• 只有从主屏幕(固定应用程序)或Xamarin Webview内部启动页面/应用程序时才会出现此问题(可能与UIWebView和WKWebView有关)
• 在页面加载后更改设备方向(纵向/横向)后问题是固定的,直到重新加载页面(可能重新触发布局固定它？)
• 将较低元素更改overflow-y为hidden通过JS确实可以解决问题,但是切换overflow会导致重新绘制导致性能问题
• 删除height: 100%; width: 100%从html, body解决问题为好,但这些都必须设置百分比值正常工作

需要一个适当的解决方案/解决方法来解决这个问题,而不会造成任何麻烦的副作用.还要理解为什么会发生这种情况.