Dừng overscroll/bounce trong Phonegap IOS

Question

Tôi đang sử dụng phiên bản Phonegap mới nhất trên IOS (ipad) và dường như tôi không thể tắt tính năng ghi đè/trả lại dọc trên toàn bộ ứng dụng. Tôi không nhớ nó trên các yếu tố bên trong nhưng có vẻ khá lạ khi bạn vuốt lên hoặc xuống và toàn bộ ứng dụng bị trả lại lên và xuống.

Tôi đã thử đặt UIWebViewBounce thành no trong .plist tuy nhiên dường như không làm gì cả.

Đánh giá cao sự trợ giúp :)

Answer 1

Bạn phải sửa đổi thuộc tính trong tệp config.xml của mình. Chỉ cần đặt ưu tiên sau đây để true

<preference name="DisallowOverscroll" value="true" /> 

Answer 2

Câu trả lời được chấp nhận không làm việc cho tôi, tôi đã phải thiết lập UIWebViewBounce-false:

<preference name="UIWebViewBounce" value="false" /> 

Answer 3

Sử dụng này:

<preference name="UIWebViewBounce" value="false" /> 

Answer 4

này là những gì làm việc cho ứng dụng của tôi chạy phonegap 3.0: thêm dòng sau vào config.xml

<preference name="webviewbounce" value="false"/> 

Answer 5

bây giờ cho PhoneGap 3,0 trên sử dụng phiên bản dưới đây Syntex trong file config.xml và nó sẽ hoạt động 100%

<preference name="DisallowOverscroll" value="true"/> 

Answer 6

Nếu bạn đang thêm <preference name="DisallowOverscroll" value="true"/> để config.xml mà không cần bất kỳ may mắn, bạn có thể đang thay đổi tập tin sai. Thay vào đó, tìm kiếm toàn bộ thư mục Phonegap cho "DisallowOverscroll." Bạn nên tìm một số trường hợp. Thay đổi những người đó thành true.

Chúc mừng.

Answer 7

Trong config.xml của dự án của bạn, trong tùy chọn dành cho iOS, DisallowOverscroll to true. Theo mặc định, nó là false làm cho toàn bộ khung nhìn cuộn cùng với các phần tử bên trong của khung nhìn.

<preference name="DisallowOverscroll" value="true" /> 

Answer 8

Trong config.xml của dự án của bạn, trong tùy chọn dành cho iOS set DisallowOverscroll to true.

<preference name="DisallowOverscroll" value="true" /> 

Answer 9

Có cách tôi đã sử dụng để đạt được điều này. nhưng nó không thông thường bởi vì nó xử lý mã nguồn gốc. Trong MainViewController có một phương thức có tên là webViewDidFinishLoad. Bao gồm
WebView.scrollView.bounces = NO;

bên trong phương thức đó.

- (void)webViewDidFinishLoad:(UIWebView*)theWebView 
{ 
    // Black base color for background matches the native apps 
    theWebView.backgroundColor = [UIColor blackColor]; 
    theWebView.scrollView.bounces= NO; 
    return [super webViewDidFinishLoad:theWebView]; 
} 

Vì đây là mã gốc ios, điều này sẽ hoạt động trong bất kỳ phân phối phonegap/cordova nào.

Answer 10

Điều này phù hợp với tôi. Hãy thử thêm mã này trong file config.xml của ứng dụng PhoneGap của bạn:

<preference name="DisallowOverscroll" value="true">

Answer 11

Nếu không có gì khác hoạt động, cố gắng để loại bỏ -webkit-overflow-scrolling: touch từ css của bạn ... nếu bạn đã có nó!

Answer 12

Cảm ơn tất cả câu trả lời. Nhưng nếu bạn có vấn đề trong cửa sổ điện thoại ở đây là giải pháp. Chỉ cần vào tập tin MainPage.xaml.cs và thay thế dưới đây chức năng ..

public MainPage() 
    { 
     InitializeComponent(); 
     this.CordovaView.DisableBouncyScrolling = true; 
     this.CordovaView.Loaded += CordovaView_Loaded; 
    } 

của nó làm việc cho tôi :)

Answer 13

Nó là tốt hơn để sửa đổi hai yếu tố trong config.xml như sau:

<preference name="DisallowOverscroll" value="true"/> 
<preference name="UIWebViewBounce" value="false" /> 

Answer 14

Sử dụng theo cách này: -

function disallowOverscroll(){ 
    $(document).on('touchmove',function(e){ 
    e.preventDefault(); 
    }); 
    $('body').on('touchstart','.scrollable',function(e) { 
    if (e.currentTarget.scrollTop === 0) { 
     e.currentTarget.scrollTop = 1; 
    } else if (e.currentTarget.scrollHeight 
       === e.currentTarget.scrollTop 
        + e.currentTarget.offsetHeight) { 
     e.currentTarget.scrollTop -= 1; 
    } 
    }); 
    $('body').on('touchmove','.scrollable',function(e) { 
    e.stopPropagation(); 
    }); 
} 
disallowOverscroll(); 

Để biết thêm chi tiết hoặc Mẹo & Thủ thuật, vui lòng đọc bài viết này click

Answer 15

Tôi gặp sự cố tương tự nhưng không thể khắc phục với tất cả các giải pháp mà tôi đã tìm thấy (như chỉnh sửa config.xml).

Nhưng cuối cùng, chỉ cần chỉnh sửa thuộc tính CSS của cơ thể sau đó nó cố định:

html,body 
{ 
    overflow: auto; 
    height:100%; 
} 

Answer 16

Hãy thử Một này Nếu bạn nộp ion sử dụng khuôn khổ Abc.html bên trong nội dung.

<ion-content has-bouncing="false">

Answer 17

Mở Xcode -> tìm và click vào config.xml từ trái menu-> và thay đổi DisallowOverscroll giá trị false thành true Hoặc sử dụng mã này bằng cách thay thế trước đó.

<preference name="DisallowOverscroll" value="true" /> 

Answer 18

Đối Cordova 7 và một chiếc iPhone 7 + iOS 11.0.3, sửa đổi config.xml gốc thư mục và thêm này làm việc thật đẹp:

<platform name="ios"> 
    <preference name="DisallowOverscroll" value="true" /> 
    <preference name="UIWebViewBounce" value="false" /> 
    ... (other stuff) ... 
</platform>