标签: scrollbars

我将一个很长（滚动）的表拆分为较短的表，以允许在表中以增量方式添加滚动条。我有一些脚本允许顶部的滚动条与下表下的滚动条相匹配 - 但是有没有办法链接所有表格，以便无论您使用什么滚动条，它们都同时滚动？

所以目前顶部滚动条和第一个底部滚动条将控制所有滚动条，但下部滚动条不会控制......

$(function(){
	'use strict';
    $(".tableScrollTop").scroll(function(){
        $(".tableWide-wrapper")
            .scrollLeft($(".tableScrollTop").scrollLeft());
    });
    $(".tableWide-wrapper").scroll(function(){
        $(".tableScrollTop")
            .scrollLeft($(".tableWide-wrapper").scrollLeft());
    });
});

.tableWide-wrapper {
	overflow-x: auto;
	border-right: 2px solid #797979;
	box-sizing: border-box;
	width: 100%;
	margin-bottom:20px;
}

.tableScrollTop {
	overflow-x: scroll;
	box-sizing: border-box;
	margin: 0;
	height:20px;
	width: 100%;
}

.tableWide {
	width: 1500px;
	table-layout: fixed;
	margin-top: 0 !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="tableScrollTop"><div style="width:1500px; height:20px;"></div></div>
<div class="tableWide-wrapper" tabindex="0">
  <table class="table-2 tableWide">
    <tr>
      <td>table copy</td>
      <td>table copy</td>
      <td>table copy</td>
      <td>table copy</td>
     </tr>
  </table>
 </div>

<div class="tableWide-wrapper" tabindex="0">
  <table …

有没有办法或事件来解决这个问题？特别是它的流程布局面板

我正在使用Wordpress作为CMS在网站上进行一些测试.在下面的示例中,页面的左上角在主要内容区域之外有一个"S"图形,根据浏览器宽度进行相应的剪裁.我想在页脚右侧使用"L"图形做类似的事情.

页面宽度设置为960px,我已经将页脚容器DIV设置为1088px,以便"L"出现在内容区域之外.问题是当滚动条超出浏览器的当前宽度时会出现滚动条.

我试过溢出:隐藏在页脚容器DIV上,但这似乎不起作用.我也试过溢出:隐藏在BODY元素上,这在IE中可以正常工作,但在其他浏览器中没有.

示例:http://unclemort.com/wp/

我真的希望有这样做,感谢任何帮助.

我想禁用一个滚动条QGraphicsWebView.它在文档中说:

"......如果网页内容大于此值,如果未明确禁用,则会显示滚动条."

我似乎找不到禁用滚动条的方法.
我需要禁用滚动条,因为我想在拖动时实现滚动,我不希望它们被显示.

我有一个从服务器获取数据的异步任务填充的列表视图。但是，当列表视图第一次出现时，滚动条会出现然后立即消失。我的主要活动扩展了 MapActivity，因为我在列表视图上方显示地图。有谁知道为什么滚动条消失以及如何纠正它？下面是我的主要布局。

  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
 >

<TextView
    android:text="Address is: "
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/address_view" />

<com.google.android.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mapvw"
    android:layout_width="match_parent" 
    android:layout_height="250dp" 
    android:enabled="true"
    android:clickable="true"
    android:apiKey="xxxxxxxxxxxxxxxxxx"
    />
<ListView 
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:scrollbars="vertical"
    android:drawSelectorOnTop="false" />

</LinearLayout>

这是我的列表视图自定义布局。

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >


  <TextView
    android:id="@+id/viewtext"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:minHeight="?android:attr/listPreferredItemHeight"
    android:paddingLeft="6sp"
    android:textColor="#000000"
    android:textSize="15sp"
    android:paddingRight="10sp"
    />
   </LinearLayout>

下面是创建列表视图的逻辑：

@Override
    protected void onPostExecute(ArrayList<String> result) {
 ......... some code

 List<String> viewline = new ArrayList<String>();
   ..... some code
   mapView.postInvalidate();

        final ArrayAdapter<String> arrayAdpt = new …

我试图在OpenCv python创建的窗口中创建滚动条.我知道我需要实现代码来处理滚动/平移过程,但我不知道从哪里开始,我到处寻找.我必须在OpenCV窗口中创建滚动条而不是使用其他GUI窗口框架.下面是我用来加载图像和缩放图像的代码(有效).任何帮助表示赞赏.请不要将我介绍给创建轨迹栏的opencv文档,我已经阅读过它并且它根本没用.谢谢!

import cv2
import cv2.cv as cv
import numpy as np

cv.NamedWindow('image', cv.CV_WINDOW_AUTOSIZE)
cv.NamedWindow('Control Window', cv.CV_WINDOW_AUTOSIZE)


print " Zoom In-Out demo "
print " Press u to zoom "
print " Press d to zoom "

img = cv2.imread('picture.jpg')


while(1):
    h,w = img.shape[:2]

    cv2.imshow('image',img)
    k = cv2.waitKey(10)

    if k==27 :
        break

    elif k == ord('u'):  # Zoom in, make image double size
        img = cv2.pyrUp(img,dstsize = (2*w,2*h))

    elif k == ord('d'):  # Zoom down, make image half the size …

对于我正在进行的一项开发,我需要动态创建一个包含一些动态内容的Iframe(通常是图像 - 图像源是动态的,但尺寸是固定的).我不需要在iframe上显示任何滚动条,这就是我所做的

<iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html">
</iframe>

//content.html
<body>
    <div style="height: 100%; width: 100%; overflow: hidden">
        <img id="imgDiv" src="" style="height: 100%; width: 100%; ">
    </div>
</body>

我也在iframe上尝试过"overflow:hidden",但观察到了类似的行为.

这在FF/Chrome/Safari中可以正常工作,但在IE8中却没有!

显然,即使指定不需要滚动条,IE也会为滚动条保留一些空间？在右侧渲染一个空白区域,使其看起来像图像不是居中对齐的.在iframe中看起来真的很难看,就像我在这里需要的那样小..

这种行为有什么办法吗？

所以我试着浏览一下这里的所有帖子,但我发现我的问题在任何地方都没有复制(虽然我说的更多是谷歌的能力,而不是我的情况的独特性)

基本上我有一个基于wordpress的网站(vegasonthemic.com)使用superfish插件导航菜单.我可以访问每个页面顶部导航栏中的下拉菜单项,但个别艺术家帖子项除外.(所有艺术家/声学男/点击其中一张图片.)

当我进入这样一个页面时:http://vegasonthemic.com/portfolio-item/nate-ridgely-2012-04-19/并尝试访问All Artists下拉菜单,它不会一直显示在firefox和IE以及它在chrome中创建了这些粗糙的滚动条.

我已经尝试过调整z-indices和overflow:visible; s到我的小心脏的内容,并且无法弄清楚为什么地球上发生了这种情况.