标签: scrollable
带有Bootstrap的可滚动菜单 - 菜单在不应该扩展其容器时
我尝试了这种方法(他们的小提琴)来启用带有Bootstrap的可滚动菜单,但是通过这种方法,可滚动菜单扩展了它的容器 - 小提琴 - 不可滚动的菜单,正确地说,不会这样做.
我怎样才能解决这个问题？关于与Bootstrap兼容的其他方法的建议也很受欢迎!
作为参考,这里是来自第一种方法的小提琴的HTML:
<ul class="nav">
<li class="dropdown">
<a class="icon-key icon-white" data-toggle="dropdown" href="#" style=
"font-weight: bold"></a>
<div class="dropdown-menu" style="margin-left: 2em">
<ul class="dropdown-menu">
<!-- static non-scrollable menu header 1 -->
</ul>
</div>
<div class="dropdown-menu" style="margin-left: 2em">
<ul class="dropdown-menu">
<li class="disabled">
<a href="#"><i class="icon-group"></i> <b>My Groups</b></a>
</li>
<li>
<div class="dropdown-menu scroll-menu scroll-menu-2x"
style="margin-left: 2em">
<ul class="dropdown-menu scroll-menu scroll-menu-2x">
<li>
<a href="#">User</a>
</li>
<li>
<a href="#">Administrators</a>
</li>
<li>
<a href="#">Some Other Group</a>
</li>
</ul>
</div>
<ul …推荐指数
解决办法
查看次数
使用上面和下面未知高度div的CSS将div设置为剩余高度
是否有可能使包装器填充窗口高度(没有滚动)和中心div可滚动而不会弄乱像素和JavaScript？
<div id="wrapper">
<h1>Header</h1>
<div id="center">
<div style="height:1000px">high content</div>
</div>
<div id="footer">Footer</div>
</div>
基本上我希望标题在顶部可见,页脚始终在底部可见,并且在中心有一个可滚动的内容,占据了重新生成的高度.
页眉,页脚和中心div的高度都是未知的(没有设置px或%,即可变字体大小或填充).纯CSS可以吗？
推荐指数
解决办法
查看次数
包含HTML格式的复选框列表的可滚动框
附上你会看到我为所需UI做的模拟图片.如您所见,我需要一些包含复选框的可滚动框.
我想到了一个可滚动的div,虽然我找不到设置div周围边框的方法？其次我想到了一个IFrame ..但也不太确定这是否是我最好的选择.
有没有人可能有更简单/更好的方法来做到这一点？
提前致谢!
推荐指数
解决办法
查看次数
使列表视图在垂直方向上滚动
我正在使用带有checkboxes = true的System.Windows.Forms.ListView我可以看到当列表项超过可以容纳的值时,我得到一个水平滚动条.我试图找到任何属性来更改滚动条方向.Is有没有办法使它在垂直方向滚动？提前感谢
推荐指数
解决办法
查看次数
引导行中的水平可滚动div
我正在尝试make一个水平可滚动的bootstrap行.该行包含div包含的客户评论.每个见证div的宽度是33.333%.
white-space: nowrap并且display: inline-block不起作用.
我究竟做错了什么？
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-title">
<div class="testimonial_group">
<div class="testimonial">...</div>
<div class="testimonial">...</div>
<div class="testimonial">...</div>
<div class="testimonial">...</div>
...
</div>
</div>
</div>
</div>
推荐指数
解决办法
查看次数
在ScrollView中使用RecyclerView,灵活的Recycler项目高度
我想知道有没有可能的方法来使用RecyclerView？
在此之前,我在ScrollView中使用具有修复高度的 RecyclerView,但这次我不知道项目的高度.
提示:我在4天前提出这个问题之前,先阅读了堆栈问题的所有问题和解决方案.
更新: 一些解决方案学习如何自己滚动RecyclerView但我想展示这个扩展.
推荐指数
解决办法
查看次数
当软键盘打开时,android制作布局可滚动,但不能向上移动
这是我的屏幕,键盘后面隐藏着一个按钮.
我想要这样,但可滚动. -
每当键盘打开时,我想让它看起来和图像一样.但是,要使其可滚动,以便用户可以滚动以查看屏幕的底部(包括按钮),即使键盘处于打开状态.
我试过了 -
android:windowSoftInputMode="adjustResize"
但是,只要键盘打开,这就会将底部向上移动.
如在这张图片中 -
我不想要这个 - (Create Account当键盘打开时按钮向上移动)
滚动后必须显示CREATE ACCOUNT按钮.
这是布局 -
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/root_layout"
android:fillViewport="true"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="10"
>
<LinearLayout android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="9"
android:orientation="vertical"
android:gravity="center_vertical|center_horizontal"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:orientation="vertical">
<EditText
android:id="@+id/et_username_or_email"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/et_hint_username_or_email"
android:inputType="textEmailAddress"
android:singleLine="true"
/>
<EditText
android:id="@+id/et_pswd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/et_hint_password"
android:password="true"
android:singleLine="true"
/>
<Button
android:id="@+id/btn_sign_in"
android:layout_marginTop="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/btn_sign_in"
android:background="@color/lighter_orange"
android:textColor="@android:color/white"/>
<TextView
android:layout_marginTop="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/or"
android:gravity="center_horizontal" …推荐指数
解决办法
查看次数
获取可滚动div中的鼠标位置
在过去的几天里,另一个问题一直在盯着我.正如您可能从我的其他问题中看到的那样,我正在创建一些思维导图软件.所以(非常简化)我有两个div.一个是页面上的正方形,另一个在div内部,大约是可拖动的10倍.这样可以将对象放置在屏幕上,然后稍微移动到侧面,同时添加另一个对象等.我通过创建外部div可滚动来实现这一点.
我遇到的问题与java脚本中的鼠标位置有关.如果我将鼠标放在div中的任何位置它将不正确,因为我将内部div的大小减半到顶部和左侧(因此用户有效地看着画布的中间并且可以按照他们喜欢的任何方式) .我已经尝试了数十种不同的鼠标坐标功能,但这些功能似乎都不起作用.我在网络上找到的应该是跨浏览器的示例是:
function getMouse(e) {
var posx;
var posy;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft + document.getElementById("canvas").scrollLeft;
posy = e.clientY + document.body.scrollTop + document.getElementById("canvas").scrollTop;
}
} //getMouse
但即使这样也行不通.我几乎可以肯定错误是因为我的内部div是可拖动的.希望我在尝试解释时有一些意义,但如果我没有这里是一个非常简单的jsfiddle,试图证明我的情况(虽然这里没有鼠标点击,纯粹是为了演示我的div结构).在我制作的产品中,用户将双击画布并显示一个新对象,因此鼠标坐标需要正确的原因.
我希望有人可以帮助我.
提前致谢.
编辑:未能提到我的部分应用程序,我使用JQuery所以无论是否有JQuery的解决方案都没问题.再次感谢.
推荐指数
解决办法
查看次数
获取可滚动div中的第一个和最后一个可见元素
我有可滚动div中的拇指列表,使用next/prev按钮进行动画处理.每次单击"下一步"按钮都应与第一个可见元素的属性匹配.每次单击"上一步"按钮都应该给我最后一个可见元素的属性.
我真的不知道如何在数学上解决这个问题,因为滚动距离在列表结束时是可变的.有人可以帮帮我吗？
HTML
$<div id="scrollContent">
<ul id="assetList">
<li data-asset-id="15201"></li>
<li data-asset-id="15202"></li>
<li data-asset-id="15203"></li>
...
</ul>
</div>
<a class="next" href="#">next</a>
<a class="prev" href="#">prev</a>
jQuery的
$('a.next').click(function() {
var scrollheight = $("#scrollContent").scrollTop();
$("#scrollContent").animate({scrollTop:scrollheight+375},500,function() {
// get "data-asset-id" of first visible element in viewport
});
});
$('a.prev').click(function() {
var scrollheight = $("#scrollContent").scrollTop();
$("#scrollContent").animate({scrollTop:scrollheight-375},500,function() {
// get "data-asset-id" of last visible element in viewport
});
});
看看小提琴:http: //jsfiddle.net/desCodLov/77xjD/10/
谢谢.
推荐指数
解决办法
查看次数
如何在Android中制作可滚动的标签？
我有9个标签,但处于填充模式.我想让这些thabs可滚动.但我不知道这个伎俩.我尝试了很多方法,但仍然没有.
我的活动:
package com.bani.fragment2;
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.WindowManager;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle("Fragment 1");
setSupportActionBar(toolbar);
TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 4"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 5"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 6"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 7"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 8"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 9"));
tabLayout.setTabGravity(TabLayout.GRAVITY_CENTER);
final ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
final PagerAdapter adapter …推荐指数
解决办法
查看次数