Bootstrap / HTML:链接无法在iPad上运行

问题描述 投票:0回答:1

我拿了一个网站并把它包起来作为iOS和Android的移动应用程序运行。除了iPad上的1页外,一切都在不同的平台上运行良好。页面顶部有链接,可以跳转到页面下方的位置。在iPad上,无论您点击什么链接,它都会跳转到同一位置。

我仔细检查以确保我的hrefs和id是正确的,正如我所说,他们都在其他设备上工作,而不是iPad,只在这个特定的页面上。

我可以使用适用于iPad的iOS模拟器来复制该问题。在这一点上,我不完全确定哪些代码甚至与此处显示相关。

如果有人对可能导致此问题的原因或如何解决问题有任何想法,我会很感激。

编辑:

<body>
    <div class="container searchArea">
        <div class="row-fluid">
            <div class="col-sm-12">
                <p class="annexes_info_text"><a href="#annexa">A&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Quotas and Maximum Flight Distances</a></p>
                <p class="annexes_info_text"><a href="#annexb">B&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Information on Sensors</a></p>
                <p class="annexes_info_text"><a href="#annexbappendix1">App 1&nbsp; Annotation of Data Collected During an Observation Flight</a></p>
                <p class="annexes_info_text"><a href="#annexc">C&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Information on Observation Aircraft</a></p>
                <p class="annexes_info_text"><a href="#annexd">D&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Certification of Observation Aircraft and Sensors</a></p>
                <p class="annexes_info_text"><a href="#annexdappendix1">App 1&nbsp; Methodologies for the Verification of the Performance of Sensors Installed on an Observation Aircraft</a></p>
                <p class="annexes_info_text"><a href="#annexe">E&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Procedures for Arrivals and Departures</a></p>
                <p class="annexes_info_text"><a href="#annexeappendix1">App 1&nbsp; Designation of Sites</a></p>
                <p class="annexes_info_text"><a href="#annexf">F&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Pre-flight Inspection and Demonstration Flights</a></p>
                <p class="annexes_info_text"><a href="#annexg">G&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Flight Monitors, Flight Representatives and Representatives</a></p>
                <p class="annexes_info_text"><a href="#annexh">H&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Coordination of Planned Observation Flights</a></p>
                <p class="annexes_info_text"><a href="#annexi">I&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Information on Airspace and Flights in Hazardous Airspace</a></p>
                <p class="annexes_info_text"><a href="#annexj">J&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Montreux Convention</a></p>
                <p class="annexes_info_text"><a href="#annexk">K&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Information on Film Processors, Duplicators and Photographic Films and Procedures for Monitoring the Processing of Photographic Film</a></p>
                <p class="annexes_info_text"><a href="#annexl">L&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Open Skies Consultative Commission</a></p>
            </div>
        </div>
        <div class="row-fluid" id="annexa">
            <div class="col-sm-12">
                <p><a href="#top">Back to Annexes Table of Contents</a></p>
                <div class="col-sm-12 text-center">
                    <p><strong>ANNEX A <br/>QUOTAS AND MAXIMUM FLIGHT DISTANCES</strong></p>
                </div>
                ****Content****
            </div>
        </div>

        <hr>
        <br/>
        <div class="row-fluid" id="annexb">
            <div class="col-sm-12">
                <p><a href="#top">Back to Annexes Table of Contents</a></p>
                <div class="col-sm-12 text-center">
                    <p><strong>ANNEX B <br/>INFORMATION ON SENSORS</strong></p>
                </div>
                ****Content****
            </div>
        </div>

        <hr>
        <br/>
        <div class="row-fluid" id="annexbappendix1">
            <div class="col-sm-12">
                <p><a href="#top">Back to Annexes Table of Contents</a></p>
                <div class="col-sm-12 text-center">
                    <p><strong>APPENDIX 1 TO ANNEX B <br/>ANNOTATION OF DATA COLLECTED DURING AN OBSERVATION FLIGHT</strong></p>
                </div>
                ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexc">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX C <br/>INFORMATION ON OBSERVATION AIRCRAFT</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexd">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX D <br/>CERTIFICATION OF OBSERVATION AIRCRAFT AND SENSORS</strong></p>
                    </div>
                    <p><strong>SECTION I. GENERAL PROVISIONS</strong></p>
                        ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexdappendix1">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>APPENDIX 1 TO ANNEX D <br/>METHODOLOGIES FOR THE VERIFICATION OF THE PERFORMANCE OF SENSORS INSTALLED ON AN OBSERVATION AIRCRAFT</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexe">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX E <br/>PROCEDURES FOR ARRIVALS AND DEPARTURES</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexeappendix1">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>APPENDIX 1 to ANNEX E <br/>SECTION I. DESIGNATION OF SITES</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexf">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX F <br/>PRE-FLIGHT INSPECTIONS AND DEMONSTRATION FLIGHTS</strong></p>
                    </div>
                    <p><strong>SECTION I. PRE-FLIGHT INSPECTION OF OBSERVATION AIRCRAFT AND SENSORS OF THE OBSERVING PARTY</strong></p>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexg">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX G <br/>FLIGHT MONITORS, FLIGHT REPRESENTATIVES, AND REPRESENTATIVES</strong></p>
                    </div>
                    <p><strong>SECTION I. FLIGHT MONITORS AND FLIGHT REPRESENTATIVES</strong></p>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexh">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX H</strong></p>
                    </div>
                    <p><strong>CO-ORDINATION OF PLANNED OBSERVATION FLIGHTS</strong></p>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexi">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX I <br/>INFORMATION ON AIRSPACE <br/>AND FLIGHTS IN HAZARDOUS AIRSPACE</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexj">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX J <br/>MONTREUX CONVENTION</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexk">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX K <br/>INFORMATION ON FILM PROCESSORS, DUPLICATORS AND PHOTOGRAPHIC FILMS, AND PROCEDURES FOR MONITORING THE PROCESSING OF PHOTOGRAPHIC FILM</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

            <hr>
            <br/>
            <div class="row-fluid" id="annexl">
                <div class="col-sm-12">
                    <p><a href="#top">Back to Annexes Table of Contents</a></p>
                    <div class="col-sm-12 text-center">
                        <p><strong>ANNEX L <br/>OPEN SKIES CONSULTATIVE COMMISSION</strong></p>
                    </div>
                    ****Content****
                </div>
            </div>

        </div>
    </div>
</body>
html ios twitter-bootstrap ios-simulator
1个回答
0
投票

您的行没有占用正确的空间。它也不适用于Firefox(Linux)。

删除row-fluid并将其更改为row。最新的bootstrap中没有row-fluid。然后行将具有适当的高度,并且跳跃将导致他们的目标。

© www.soinside.com 2019 - 2024. All rights reserved.