标签: scrollbar

我有一个10edittexts英寸scrollview的 当第一个edittext聚焦时，它如下图所示。

当点击下一步时，它显示如下。

但我需要edittext自动滚动，如下图所示

请帮我解决这个问题。

你能帮我一下，如何使用CSS设计垂直滚动条...有什么方法可以使用css或css3自定义垂直滚动条设计...提前致谢..

我看过有关更改 iOS 中滚动条颜色的帖子。

UIScrollViewIndicatorStyle默认：

滚动指示器的默认样式，黑色，白色边框。这种风格适合任何内容背景。

UIScrollViewIndicatorStyleBlack：

一种黑色且比默认样式更小的指示器样式。这种风格非常适合白色内容背景。

UIScrollViewIndicatorStyleWhite：

指示器样式为白色，比默认样式小。这种风格非常适合黑色内容背景。

我想知道 iOS 7 是否引入了任何新方法来将滚动条更改为 UI 颜色？

谢谢。

我正在努力在我的视图（razor/html）中添加垂直滚动条。我想将它放在包装我的数据的数据中。我曾尝试过但没有成功。

如果可能的话，需要一些帮助。

<table id = "MenuItem"  class="promo full-width alternate-rows" style="text-align: center; ">  <!-- Cedric Kehi DEMO CHANGE -->



            <tr>
                <th>Product Code
                </th>

                <th>Description <!-- JACK EDIT -->
                </th>
                <th>Product Size
                </th>
                <th>Product Material
                </th>
                <th>Excluded?
                </th>
                <th>Order
                </th>
                <th>Actions</th>
            </tr>


        <tbody id ="scroll" style="overflow : scroll">


        @foreach (var item in Model.IndexList.OrderBy(x => x.ShuffleFunction))
        {




            <tr id ="trendingDisplay" data-model="model-1">



                    <td class="center-text">
                        @Html.DisplayFor(modelItem => item.ProductCode)
                    </td>
                   @* <td>
                        @Html.DisplayFor(modelItem => item.ProductTemplate.Description)
                    </td>*@
                    <td>
                        @Html.DisplayFor(modelItem => item.Description)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Size.SizeTitle)
                    </td> …

我正在尝试使用 tkinter 显示图像，但在添加滚动条时遇到问题。如果图像超出窗口大小，我希望能够使用鼠标滚轮水平和垂直滚动。问题是当我使用画布时鼠标滚轮不起作用。

在此代码中，我可以使用鼠标滚轮滚动 Y 并使用 shift+鼠标滚轮滚动 X （这正是我想要的）：

import tkinter as tk

master = tk.Tk()

scrollbarX = tk.Scrollbar(master)
scrollbarX.pack(side=tk.BOTTOM, fill=tk.X)
scrollbarY = tk.Scrollbar(master)
scrollbarY.pack(side=tk.RIGHT, fill=tk.Y)

listbox = tk.Listbox(master, yscrollcommand=scrollbarY.set, xscrollcommand=scrollbarX.set)

for i in range(1000):
    listbox.insert(tk.END, str(i)+"-----------------------------------------------------------------------")

listbox.pack(side=tk.LEFT, fill=tk.BOTH, expand=tk.YES)

scrollbarX.config(command=listbox.xview, orient=tk.HORIZONTAL)
scrollbarY.config(command=listbox.yview)

master.mainloop()

但是，如果我用画布交换列表框，鼠标轮将不再执行任何操作。手动滚动仍然有效：

import tkinter as tk
from PIL import Image, ImageTk

master = tk.Tk()

scrollbarX = tk.Scrollbar(master)
scrollbarX.pack(side=tk.BOTTOM, fill=tk.X)
scrollbarY = tk.Scrollbar(master)
scrollbarY.pack(side=tk.RIGHT, fill=tk.Y)

canvas = tk.Canvas(master, bd=0, xscrollcommand=scrollbarX.set, yscrollcommand=scrollbarY.set)

imagefile = "image.png"
img = ImageTk.PhotoImage(Image.open(imagefile))
canvas.create_image(0,0,image=img, …

我有传单，展示了带有功能的背景 WMS 地图。当我单击一组功能时，我实现了一个可移动的功能信息框，该框将进入视图，并且基于存储在功能中的数据的 dom 。请参阅屏幕截图。

按照目前的情况，我无法在此列表中滚动，但使用滚轮时，其后面的地图仍然会放大和缩小。我最初的想法是，一个简单的 Javascript 事件监听器，利用 js 事件冒泡，可以解决这个问题。下面我展示了 DOM 结构：

    <div id="FeatureInfoMaster" data-tap-disabled="true" style="left: 136px; top: 648px;">
       <span class="map-featureinfo-featureInfoClose" onclick="$map.featureinfo.ToggleFeatureInfoDiv();">X</span>
       <div id="divFeatureContainer" class="map-featureinfo-container">
          <div id="divFeatureMasterDetail" class="map-featureinfo-masterdetail">
             <div id="divMasterView" class="map-featureinfo-master not-this">
                <div class="map-featureinfo-multiple-detail-wrapper">
                   <div id="divFeatureInfoDetailHeader" class="map-featureinfo-detail-header"> Der blev fundet 790 features </div>
                </div>
                <div class="map-featureinfo-multiple-features-detail-wrapper">
                   <!-- ngRepeat: feature in nfc.Features -->
                   <div ng-repeat="feature in nfc.Features" ng-click="nfc.selectFeature(feature);" class="ng-scope">
                      <div class="map-featureinfo-master-title ng-binding">F</div>
                   </div>
                   <!-- end ngRepeat: feature in nfc.Features -->
                   <div ng-repeat="feature in nfc.Features" ng-click="nfc.selectFeature(feature);" class="ng-scope">
                      <div class="map-featureinfo-master-title ng-binding">F</div>
                   </div>
                   <!-- …

我已经包含在我的项目中：

"import QtQuickQontrols 1.4"

但现在我需要使用 ScrollBar ，为此，我需要包括

"import QtQuickControls 2.2"

但是当我包含 2.2 版本并删除 1.4 时，我的项目被毁了...... MenuBar，TableView 出现错误！好的，当我同时包含这个版本时，它也是错误的！我确实运行了 qmake，并给了我一些建议，我应该怎么做才能实现我的 ScrollBar。我试图添加 ScrollView，但在这里面它不起作用：

     ....
      ScrollBar.vertical: ScrollBar {...} ...}

我无法使用鼠标滚轮滚动框架。谁能告诉我如何使用鼠标滚轮垂直滚动框架并告诉我如何将水平滚动条添加到同一框架并使用 Shift+鼠标滚轮滚动它。

from tkinter import *
from tkinter.tix import *

root = Tk()
root.wm_title('DEMO SCROLL')
frame = Frame(width="500",height="500")
frame.pack()
swin = ScrolledWindow(frame, width=500, height=500)
swin.pack()
win = swin.window
for i in range(50):
    Label(win,text="hello").pack()
root.mainloop()

我想在 singlechildscrollview 中提供一些按钮

Column(
    children: < Widget > [
      SizedBox(height: constraints.maxHeight / 8.0),
      AnimationConfiguration.staggeredList(
        position: 1,
        duration: const Duration(milliseconds: 2000),
          child: SlideAnimation(
            verticalOffset: constraints.maxHeight / 10,
            child: FadeInAnimation(
              child: Image.asset('images/mylive.png'),
            ),
          ),
      ),
      Flexible(
        child: Padding(
          padding: EdgeInsets.fromLTRB(
            50, 20, 50, constraints.maxHeight / 7),
          child: SingleChildScrollView(
            child: Padding(
              padding: const EdgeInsets.all(10),
                child: Wrap(
                  spacing: 25,
                  runSpacing: 25,
                  children: const < Widget > [
                    ButtonCard(
                      name: "My News",
                      imgpath: "open-email.png",
                      count: 0),

这是 ButtonCard 的构建方法：

 Widget build(BuildContext context) {
    final double …

我想要像这样的图像。我尝试了很多解决方案但没有结果。