java如何在文本框上加滚动条?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了java如何在文本框上加滚动条?相关的知识,希望对你有一定的参考价值。

参考技术A 需要javax.swing里面的JScrollPane组件\\x0d\\x0a\\x0d\\x0a给你个例子吧\\x0d\\x0a\\x0d\\x0aimport javax.swing.*;\\x0d\\x0a\\x0d\\x0apublic class TestScroll \\x0d\\x0a public TestScroll()\\x0d\\x0a JFrame jf=new JFrame("test");\\x0d\\x0a JPanel jp=new JPanel();\\x0d\\x0a JTextArea jta=new JTextArea(8,20);\\x0d\\x0a JScrollPane jsp=new JScrollPane(jta);//新建一个滚动条界面,将文本框传入\\x0d\\x0a jp.add(jsp);//注意:将滚动条界面添加到组建中,而不是添加文本框了\\x0d\\x0a jf.add(jp);\\x0d\\x0a \\x0d\\x0a jf.pack();\\x0d\\x0a jf.setLocation(300,300);\\x0d\\x0a jf.setVisible(true);\\x0d\\x0a jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);\\x0d\\x0a \\x0d\\x0a public static void main(String[] args) \\x0d\\x0a new TestScroll();\\x0d\\x0a \\x0d\\x0a

在文本框上滑动时,iPhone滚动错误

我有以下html的a webpage

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
    <div style='display:flex;flex-direction:column;height:100%;'>
        <div style='overflow:auto'>
            <div style='height:500px; background:green;'></div>
            <div class='container'>
                <div class='row'>
                    <div class='col-sm-6'>
                        <input type='text' style='' class='form-control' placeholder='swipe here' />
                    </div>
                </div>
            </div>
            <div style='height:500px; background:blue;'></div>
        </div>
    </div>
</body>
</html>

将其加载到iPhone上。尝试通过滑动来上下滚动。现在尝试通过在“滑动此处”的文本框中开始滑动来滚动。对我来说,当我这样做时它不会滚动。我正在使用iPhone 6S。

这是一个错误吗?我该如何解决这个问题?

答案

问题出现在iPhone 6s及更高版本上。

它似乎是由<div style='overflow:auto'>引起的。删除overflow后,页面也会滚动文本框。

在iPhone 6s,6s +,7,8和X上进行了Safari测试。希望这会有所帮助。

另一答案

从用户角度来看,这是一个错误。

使用bootstrap时,需要将行类括在容器类中,如下面的代码所示。页面获取要向左和向右滚动的属性,因为来自bootstrap的CSS:

.row {
    margin-right: -15px;
    margin-left: -15px;
}

使用div.container的下面示例有助于限制应用程序的宽度。

<div style='display:flex;flex-direction:column;height:100%;'>
  <div style='overflow:auto'>
    <div style='height:500px; background:green;'></div>

    <!--This container is missing to get bootstrap row to work well-->

    <div class="container">
      <div class='row'>
        <div class='col-sm-6'>
          <input type='text' style='' class='form-control' placeholder='swipe here' />
        </div>
      </div>
    </div>
    <div style='height:500px; background:blue;'></div>
  </div>
</div>

以上是关于java如何在文本框上加滚动条?的主要内容,如果未能解决你的问题,请参考以下文章

如何根据每条记录的连续表单中 ms-access 中的其他值填充文本框上的值

在文本框上滑动时,iPhone滚动错误

java如何实现鼠标移到文本框上弹出一个消息框

如何在网页的文本框中加滚动条

如何编码 tkinter “scrolledtext” 模块

Java 输出在文本框上怎么换行