0

我还没有找到适合我的答案......这是我的代码。我的内容不滚动。我正在从一个基本模板中获取我的 ng-view。它只是一堆 lorem ipsum，旨在超出页面末尾，以便我可以测试此代码。

我需要做什么才能使我的内容可滚动？我根本无法滚动页面。

我在grunt serve开发服务器上运行它。一切都是通过凉亭安装的。Ang-材料被正确地包括在内。一切看起来都应该如此，它只是不滚动。

（作为旁注，我的 FAB 昨晚在右下角的正确位置，我只是认为这更重要，所以我现在不关注它的位置。它漂浮在右下角页。）

<body ng-app="webApp" layout="column">
    <!--[if lte IE 8]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <md-toolbar class="md-whiteframe-4dp">
        <div class="md-toolbar-tools">
            <!-- left side -->
            <span flex></span>
            <!-- right side -->
            <md-button class="md-raised" aria-label="Learn More" ng-href="#/contact">
                Contact Me
            </md-button>
        </div>
    </md-toolbar>

    <md-content layout="row" flex>
        <md-content id="content" flex>
            <md-content class="container md-whiteframe-6dp">
                <md-content hide show-gt-sm flex layout-padding class="main-text main-view">
                        <div ng-view></div>
                </md-content>
                <md-content hide show-sm show-xs flex layout-padding class="main-text">
                    <div ng-view></div>
                </md-content>
            </md-content>
        </md-content>

        <div ng-controller="FabCtrl as fab" class="lock-size" layout-align="end end">
            <div class="corner-pad">
                <md-fab-speed-dial md-open="fab.isOpen" md-direction="{{fab.selectedDirection}}" ng-class="fab.selectedMode" ng-mouseenter="fab.isOpen=true" ng-mouseleave="fab.isOpen=false" ng-cloak>
                    <md-fab-trigger>
                        <md-button aria-label="menu" class="md-fab md-primary md-hue-4 md-whiteframe-4dp" ng-href="tel:9106507122">
                            <md-tooltip md-direction="left" md-visible="tooltipVisible">Call Me</md-tooltip>
                            <ng-md-icon icon="phone" size="25"></ng-md-icon>
                        </md-button>
                    </md-fab-trigger>

                    <md-fab-actions>
                        <md-button aria-label="email" class="md-fab md-raised md-mini md-primary md-whiteframe-4dp" href="mailto:jacobkdick@gmail.com">
                            <md-tooltip md-direction="left" md-visible="tooltipVisible">Email Me</md-tooltip>
                            <ng-md-icon icon="email"></ng-md-icon>
                        </md-button>
                        <md-button aria-label="phone" class="md-fab md-raised md-mini md-primary md-whiteframe-4dp" href="tel:9106507122">
                            <md-tooltip md-direction="left" md-visible="tooltipVisible">Follow Me</md-tooltip>
                            <ng-md-icon icon="twitter"></ng-md-icon>
                        </md-button>
                        <md-button aria-label="github" class="md-fab md-raised md-mini md-primary md-whiteframe-4dp" href="https://github.com/jacobkdick" target="_blank">
                            <md-tooltip md-direction="left" md-visible="tooltipVisible">Fork Me</md-tooltip>
                            <ng-md-icon icon="github-circle"></ng-md-icon>
                        </md-button>
                    </md-fab-actions>
                </md-fab-speed-dial>
            </div>
        </div>
    </md-content>
</body>

编辑：刚刚overflow scroll在我的 CSS 上应用了标签。这是右下角的一个时髦结果。两个滚动条都被禁用

滚动条覆盖已禁用<< 点击此处查看图片

4

0 回答 0