css水平滚动查询

时间:2017-02-22 15:56:22

标签: html css scroll

所以我试图为手机菜单div设置一个水平滚动条,并且我使用http://jsfiddle.net/v2Ypj/并且看起来相当直接,所以我用了



.submenu .right.horizontal {
  height:160px;
  width: 700px !important;
  overflow-x: scroll !important;
  overflow-y: hidden;
  white-space: nowrap;
}




它只能垂直滚动div(直到我发现我需要改变宽度),但由于某种原因它不会横向工作。酒吧甚至没有出现。这是我正在测试的网站。 http://www.embroiderywear.com/test/responsivetest/index2.html 任何帮助都会感激任何帮助!

1 个答案:

答案 0 :(得分:1)

我在检查员里玩了一下并提出了这个解决方案:

var tableSelectedItem = (PartialPaymentDTO)this.TableDataGrid.SelectedItem;
int indexOfSelectedItem = this.TableDataGrid.Items.IndexOf(tableSelectedItem);
int indexOfNextItem = indexOfSelectedItem + 1;
if (this.TableDataGrid.Items.Count > indexOfNextItem)
    this.TableDataGrid.SelectedItem = this.TableDataGrid.Items[indexOfNextItem];

您的宽度设置为硬像素数量(700像素)。通过将宽度设置为100%,它允许内容正确溢出。 A标签的样式可以阻止链接进行包装,从而使区域可以滚动。

我建议将上述样式放在媒体查询中。