การปิดใช้งานการเลื่อนใน WebView ใน iOS นั้นง่ายมาก
iOS เปิดเผยคุณสมบัติ "scrollView" ของ WebView
คุณเพียงแค่ต้องปิดการใช้งานการเลื่อนของ scrollView ที่เกี่ยวข้องโดยใช้โค้ดด้านล่าง
webView.scrollView.isScrollEnabled = false
โค้ดด้านบนจะปิดการเลื่อนบน WebView
หากคุณต้องการปิดการใช้งานการเลื่อนในมุมมองเว็บด้านบนโค้ดก็สามารถทำได้ หากคุณต้องการทราบวิธีการโหลด WebView และปิดใช้งานการเลื่อนตั้งแต่เริ่มต้น ตามมาเลยค่ะ
มาสร้างโครงการตัวอย่างใน XCode และเรียนรู้การโหลด WebView
ขั้นตอนที่ 1 − เปิด Xcode → โครงการใหม่ → แอปพลิเคชันมุมมองเดียว → ตั้งชื่อว่า "WebViewScrollDisabling"
ขั้นตอนที่ 2 − เปิด Main.storyboard และเพิ่ม UIWebView ดังที่แสดงด้านล่าง
ขั้นตอนที่ 3 − เพิ่ม IBOutlet หนึ่งตัวในคลาส ViewController สำหรับด้านบนนี้ให้เพิ่ม WebView ตั้งชื่อเป็น webView
@IBOutlet weak var webView: UIWebView!
ขั้นตอนที่ 4 − ที่นี่ เราจะโหลดเว็บไซต์ TutorialsPoint ใน webView ดังนั้นในวิธี viewDidLoad ของคลาส ViewController ให้เพิ่มบรรทัดต่อไปนี้
webView.loadRequest(URLRequest(url: URL(string: "https://www.tutorialspoint.com/index.htm")!))
ขั้นตอนที่ 5 - เรียกใช้แอป คุณจะเห็นการโหลดเว็บไซต์ TutorialsPoint ลองเลื่อนดูเว็บครับ คุณควรจะสามารถเลื่อนดูเว็บวิวได้ตามภาพด้านล่าง
ขั้นตอนที่ 6 − ตอนนี้เป้าหมายของเราคือหยุดการเลื่อน webView นี้ เราสามารถทำได้โดยหยุดการเลื่อนบน scrollView พื้นฐาน เมื่อต้องการทำสิ่งนี้ให้เพิ่มบรรทัดต่อไปนี้หลังจากโหลด weView
webView.scrollView.isScrollEnabled = false
After doing this your viewDidLoad method would look like this
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
webView.loadRequest(URLRequest(url: URL(string: "https://www.tutorialspoint.com/index.htm")!))
webView.scrollView.isScrollEnabled = false
} ขั้นตอนที่ 7 - ตอนนี้เปิดแอป เช่นในกรณีก่อนหน้านี้ webView จะโหลดเว็บไซต์ TutorialsPoint แต่เราจะเลื่อนดูไม่ได้ ลองเลื่อนดูเว็บดู คุณจะไม่สามารถทำเช่นนั้นได้
